Uncaught SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=9fe8ca71' does not provide an export named 'default'

chenqingspring / vue-lottie

Render After Effects animations on Vue based on Bodymovin

MIT License

1.31k stars 281 forks source link

Open ThunderGod95 opened 2 years ago

ThunderGod95 commented 2 years ago

Node: v16.13.1 Vue: 3.2.26

Followed the example given on README.md but I get the following error and nothing renders:-

Uncaught SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=9fe8ca71' does not provide an export named 'default'

HuddleHouse commented 2 years ago

I am also having this error.

i-ce-fish commented 1 year ago

you are useing vue3, so you should use this https://github.com/megasanjay/vue3-lottie

289373410 commented 1 year ago

这是来自QQ邮箱的假期自动回复邮件。您好，我最近正在休假中，无法亲自回复您的邮件。我将在假期结束后，尽快给您回复。

i-ce-fish commented 1 year ago

vite 4.0 vue 2.7

I fixed this this problem by other way . you can import lottie-web in main.js before you import vue-lottie

`/**

这行代码看起来没什么用, 但是不能删, 否则会提示报错 does not provide an export named 'default' (at lottie.vue:6:1)
只有当使用vite --force 启动才能复现这个报错 */ // eslint-disable-next-line import lottieWeb from 'lottie-web' // 动画 import lottie from 'vue-lottie' Vue.component('Lottie', lottie)`