Elk renderer not loading properly when using ESM

[RobertWeinmeister]

I have a problem when using the elk renderer. It works fine when I include mermaid like this:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js"></script>

But it stops working if I switch to ESM:

<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'
</script>

Somewhere along the line it tries to import https://cdn.jsdelivr.net/npm/[email protected]/lib/elk.bundled.js/+esm, which fails with a 500. I tried accessing the file from different computers and networks directly, which also fails.

Now, my question is, is this a problem on my side? Or with Mermaid, or the content deliverer?

[sidharthv96]

That is a CDN specific issue.
Please use the official supported URL instead.

    <script type="module">
      import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
    </script>

https://mermaid.js.org/config/usage.html#simple-full-example

[RobertWeinmeister]

Thanks, that works.