Vue-Lottie和Nuxt

Question

有人让Vue-Lottie和Nuxt一起工作吗？我试着像Vue-Lotti说的那样导入它：

import Lottie from './lottie.vue';

上面写着找不到包裹。

然后我尝试了Nuxt的方式：

import Lottie from 'vue-lottie';

这给了我一个“意外令牌<”错误。

我遗漏了什么？

Answer 1

我在我的VueJS应用中使用lottie-web而不是vue-lottie，我也遇到了和你类似的问题。

我让它正常工作的方式是用npm install lottie-web正常安装它，然后在我的组件中调用它为：import lottie from 'lottie-web/build/player/lottie';。

也许您还必须以与vue-lottie相同的方式输入路径。

Answer 2

如果你想使用vue-lottie，你需要导入位于你的node_modules文件夹中的正确的lottie.vue组件：

import Lottie from 'vue-lottie/src/lottie.vue'

希望它能起作用。

Answer 3

import lottie from 'lottie-web'

应该行得通