无法加载模块脚本 - 在 index.html 中导入类
Posted
技术标签:
【中文标题】无法加载模块脚本 - 在 index.html 中导入类【英文标题】：Failed to load module script - importing classes in index.html 【发布时间】：2020-08-10 07:42:58 【问题描述】：我正在尝试加载这两个类，但出现以下错误：
"加载模块脚本失败：服务器响应 “text/html”的非 javascript MIME 类型。严格的 MIME 类型检查是 根据 HTML 规范对模块脚本强制执行。”
<script type="module">
import A, B from './js/dist/loader';
</script>
<body>
<div ng-view></div>
<script src="js/lib.js"></script>
<script src="js/main.js"></script>
<script src="js/build/app.js"></script>
</body>
【问题讨论】：
【参考方案1】：来自 MDN：
“要让模块在浏览器中正常工作，您需要确保您的服务器使用包含 JavaScript MIME 类型（例如 text/javascript）的 Content-Type 标头为它们提供服务。如果您不这样做，您会得到严格的 MIME 类型检查错误，类似于“服务器以非 JavaScript MIME 类型响应”并且浏览器不会运行您的 JavaScript。”
我可能会首先查看您的服务器在交付页面时发送的标头。
【讨论】：
以上是关于无法加载模块脚本 - 在 index.html 中导入类的主要内容，如果未能解决你的问题，请参考以下文章
AngularJS - 如何在多个目录中自动加载js控制器以在主模块中注册？
WSGI 脚本无法作为 Python 模块加载——500 内部服务器错误