using.mjs 文件扩展名 js 模块

Question

I have a problem concerning.js and.mjs file extensions. When I use <script type = "module" src="test.js"></script> as a html script import statement everything works fine.

But if I use <script type = "module" src="test.mjs"></script> as import statement, I get the following error message:

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

I use a local XAMPP Apache Webserver for testing purposes. Does somebody know, how I can tell my browser that.mjs is a javascript file?

Thank you for your help!

Answer 1

If the server does not respond with the correct MIME-Type for .mjs or other files, you may be able to add this Type in your .htaccess with

<IfModule mod_mime.c>
  AddType text/javascript mjs
</IfModule>

That solved the problem for me.

But I also decided to use the .js extension again for my modules, because I think the time for .mjs as extension has not come yet.