javascript - es6 导入 using.mjs 后缀失败并出现 MIME 错误

Question

在最新的 Chrome 浏览器中

import foo from '../dist/foo.mjs'

失败

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.

但是如果我将文件复制到 foo.js

import foo from '../dist/foo.js'

有效!

我正在使用带有本地主机路径和最新版 Chrome 的 mac os x 内置 Apache 服务器。

因此，在浏览器中，es6 导入对首选节点后缀 .mjs 很敏感。

导入内容位于带有 <script type="module"> 的 html 文件中而不是一个单独的模块文件，但我怀疑这就是问题所在。

有没有办法解决这个问题？

Answer 1

您需要使用 .htaccess 文件或使用以下 htaccess 指令扩展您的 Apache 配置文件，以便服务器输出具有正确 MIME 类型的 mjs 扩展名的文件:

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

当然，需要安装并启用mod_mime才能使其工作。