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

Browser and Browser Version: Chrome, Version 80.0.3987.122 (Official Build) (64-bit)

What did you do? Please explain the steps you took before you encountered the problem. I followed this tutorial https://josephkhan.me/lottie-web/: npm install lottie-web and then import lottie from 'lottie-web';

Then in the constructor() of the web component, I did the following:

this.anim= lottie.loadAnimation({
      container: this.shadowRoot.getElementById('anim'), 
      renderer: 'svg',
      loop: true,
      autoplay: true,
      animationData: './anim.json'
});

Later I start playing it: this.anim.play()

What did you expect to happen? It works.

What actually happened? Please include as much relevant detail as possible. When the parent component appears, it does not render/show up. Instead there is this red error line in the console: Uncaught SyntaxError: The requested module ‘…/…/node_modules/lottie-web/build/player/lottie.js’ does not provide an export named ‘default’

[mikicof]

I’ve encountered the same error, it is because this does not provide a fully ES6 module.

It does when built via Webpack using the package.json main path and converting the file found into an ESM, but now that we have changed to Rollup.js we found out that we are unable to use it as a module.

Can you provide also an ES6 module?

Thank you

[michtio]

Bit poor to close this issue @bodymovin I think for modern builds and SSR apps it does need a full ES6 module / support.

You closed an issue with “just use the CDN” in certain situations, CDN usage isn’t preferably. Currently this package is also useless with vite.