Vue-Lottie 和 Nuxt

Question

有人知道 Vue-Lottie 与 Nuxt 一起工作吗？我尝试按照 Vue-Lotti 所说的那样导入它：

import Lottie from './lottie.vue';

这表示找不到包裹。

然后我试了一下Nuxt是怎么弄的：

import Lottie from 'vue-lottie';

这给我一个 "Unexpected token <" 错误。

我错过了什么？

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，你需要导入正确的 lottie.vue 组件，位于你的 node_modules 文件夹中：

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

希望有用。