Cannot start index.html with `script type="module"`

Describe the bug

Using the 0.1.1-alpha SWA CLI, <script type="module" ... > with js files loaded in index.html with SWA CLI, the following execution error occurs.

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

To Reproduce Steps to reproduce the behavior:

1. build vue.js app using vite
2. swa start ./dist (using 0.1.1-alpha swa cli)
3. Index.html is not rendered and the following error is displayed in the browser console

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

Expected behavior index.html will be rendered

Desktop (please complete the following information):

• OS: macOS 11.2.3
• Browser: Chrome
• Version: 89.0.4389.82

Additional context The application that is built by vite using esbuild, so that may be the cause.

[manekinekko]

That’s awesome! Let’s know how it went ☺️

Good luck!

[k-miyake]

@manekinekko I updated the SWA CLI to 0.2.0 -> 0.2.1-alpha and Vite to 2.0.5 -> 2.1.0 and it worked! Thanks for the quick response! I’ll demo it at Azure local event next week!