捆绑的 JS 失败 - MIME 类型 ('text/html') 不可执行，并且启用了严格的 MIME 类型检查

Question

我正在尝试为 Angular / Electron 应用程序设置基本种子。我根据一些指南和文章从头开始构建它，它在开发时运行良好，但在我构建它时却失败了。

项目来源
git clone https://popClingwrap@bitbucket.org/popClingwrap/angular-electron-seed.git

如果您在第二个终端同时执行npm start 然后npm run electron，则应用程序将在浏览器和电子应用程序窗口中正常启动。如果您单击屏幕上的按钮，它将在您的桌面上创建一个新目录，因此一切似乎都正常。

如果您随后执行npm run build，它将捆绑所有内容而不会出现任何错误，但我认为我应该能够提供捆绑包并再次看到应用程序在浏览器中运行。但是，如果我使用npm run dev 在/dist 目录中启动服务器，我只会得到一个 javascript 和样式表的错误列表

拒绝应用来自 / 拒绝执行来自 [url] 的脚本，因为它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

我承认我很难理解这个构建中发生的很多事情的细节，尤其是在涉及 WebPack 的地方。谁能告诉我这里出了什么问题以及我可能会尝试解决什么问题？

祝大家好运

Answer 1

在 index.html 中，请验证以下代码是否与此相同（如果缺少请在 index.html 中添加）：

<base href="/">

这解决了我的问题。