拒绝从“脚本链接”执行脚本，因为其 MIME 类型（“text/html”）不可执行，并且启用了严格的 MIME 类型检查

Question

我在 Angular 应用程序中遇到问题，我可以使用一些帮助来解决它。主要问题是我在运行应用程序时收到各种资源的 404 错误。

背景：

• Angular CLI 版本：11.2.16
• 开发环境：带有 Angular 扩展的 Visual Studio Code
• 目录结构：我的项目结构包括[简要描述您的项目结构]。
• 服务器配置：我正在使用 [NodeJS] 为 Angular 应用程序提供服务。

错误消息：

• 以下是我遇到的一些错误消息：
  • 加载资源失败：服务器响应状态为404（未找到） polyfills.28e3da68203fad3b.js:1
  • 加载资源失败：服务器响应状态为404（未找到） index.html:42 启用实时重新加载。 main.224ff972980798e4.js:1
  • 加载资源失败：服务器响应状态为404（未找到） 脚本.f09908767880d0a2.js:1
  • 加载资源失败：服务器响应状态为404（未找到） 索引.html:1
  • 拒绝执行“http://127.0.0.1:5500/scripts.f09908767880d0a2.js”中的脚本，因为其 MIME 类型（“text/html”）不可执行，并且启用了严格的 MIME 类型检查。 索引.html:1
  • 拒绝应用“http://127.0.0.1:5500/styles.6b6fc062d1910cd7.css”中的样式，因为其 MIME 类型（“text/html”）不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。 main.db52e9fb60415575.js:20883 还有更多类型错误。

我尝试过的：

• 我已经检查了我的

  angular.json

  和 HTML 文件中的文件路径。
• 我验证了这些文件存在于指定位置。
• 我尝试禁用 MIME 类型检查，但没有解决问题。

Answer 1

我们刚刚也遇到过类似的情况。该错误消息可能有点误导。在明文中，这意味着例如您的 html 中有一个这样的标签