How to handle mathlive.mjs with webpack

I was using https://github.com/sveltejs/template-webpack And only one line, that is import 'mathlive', is added into App.svelte

<script>
 import 'mathlive'
 ......
</script>

And When I run npm run dev, it reports error:

ERROR in ./node_modules/mathlive/dist/mathlive.mjs 2:180267
Module parse failed: Unexpected token (2:180267)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| /* MathLive 0.53.3  */
<here is the code of mathlive ...>

Is there any required setup of webpack to use mathlive?

[arnog]

FYI, I have a fix pending that will remove the need for import.meta.url. I just need to do a bit more testing.

[arnog]

Two years later, but there is still an issue in the toolchain. Webpack 4, in particular, does not support the optional chaining operator (although all evergreen browser do). To work around this MathLive is now packaged differently:

• the mathlive.min.js library is compiled targeting an older version of JavaScript that should be compatible with Webpack 4
• the mathlive.min.mjs library is compiled for up to date toolchains.

So, if you run into errors integrating MathLive, try to use the dist/mathlive.min.js library.