使用 lottie-react-web，我收到以下控制台错误：<svg> 属性 viewBox：预期数字，“0 0 未定义未定义

Question

我已经从lottie-react-web包创建了一个组件。

import React from 'react';
import Lottie from 'lottie-react-web'
import animation from '../../src/animations/anim.json'

const LottieAnim = () => (
  <Lottie
    options = {{
      animationData: animation,
      loop: false,
      autoplay: true,
    }}
    width = "60px"
    height = "60px"
  />
)

export default LottieAnim

这有效并成功构建。当 DOM 加载时，它会生成具有定义属性的包装器 div。但是，div 中的 svg 没有定义的 viewbox 参数，以及未定义的宽度和高度，以及 svg 中的包含向量。

Answer 1

应该 animationData: animationData.default

参见：https : //github.com/chenqingspring/vue-lottie/issues/20