Vue-Lottie和Nuxt

Question

有人让Vue-Lottie与Nuxt合作吗？我试图按照Vue-Lotti所说的那样导入它：

import Lottie from './lottie.vue';

这说找不到包裹。

然后我尝试了Nuxt的感觉：

import Lottie from 'vue-lottie';

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

我想念什么？

Answer 1

import lottie from 'lottie-web'

应该工作

Answer 2

我在我的VueJS应用程序中使用lottie-web而不是vue-lottie，但我遇到了与您类似的问题。

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

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

Answer 3

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

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

希望它能起作用。