Dynamic Component

[akil-rails]

The guide explains:

To use code that assumes a browser environment on import, you need to dynamically import them in proper lifecycle hooks: how to use components th

<script>
export default {
  mounted() {
    import('./lib-that-access-window-on-import').then((module) => {
      // use code
    })
  }
}
</script>

When the library is directly referenced (instead of a dependency), the load fails. Is this the expected behaviour? If so, the docs could mention that.

mermaid:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

<script>
export default {
  mounted() {
    import('https://cdn.skypack.dev/mermaid').then((module) => {
      // use code
    })
  }
}
</script>

[brc-dd]

I am not getting any error with your code. Can you instead create an issue and give us a reproducible example?

[akil-rails]

Thanks , I've created an issue with steps to reproduce, with the example.

[akil-rails]

Solved as part of #1042