大佬教程收集整理的这篇文章主要介绍了Angular：从同一项目/分支上的两个不同 PCS 构建的 ng 在 index.html 中生成两个不同版本的脚本，从而导致错误，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
所以一切都很顺利，直到我决定做以下事情：
在一个完全不同的项目上创建了一个新的 Flutter 应用程序后，我决定推送我正在处理的最新分支，该分支在 vscode 的不同窗口中打开。
ng build 后，我推送到我的临时环境并遇到了 '加载模块脚本失败：服务器以“text/plain”的非 JavaScript MIME 类型响应。每个 HTML 规范对模块脚本执行严格的 MIME 类型检查。错误。
这真的很奇怪，因为我没有更改服务器端的任何设置或我的 Angular 项目中的任何配置设置。
通常在 ng build 之后，dist/index.HTML 文件底部的脚本如下所示：
<app-root></app-root>
<script src="runtime-es2015.4d42af9040dc5f9d6e81.Js" type="module"></script>
<script src="runtime-es5.4d42af9040dc5f9d6e81.Js" nomodule defer></script>
<script src="polyfills-es5.2233b50e9378626b00f1.Js" nomodule defer></script>
<script src="polyfills-es2015.7f46587a0e6ec41939dd.Js" type="module"></script>
<script src="scripts.9fc52888a9a75ff81dc6.Js" defer></script>
<script src="main-es2015.2ce4c230baec78aca787.Js" type="module"></script>
<script src="main-es5.2ce4c230baec78aca787.Js" nomodule defer></script>
</body>
</HTML>
然而，自从我安装了 Flutter，我的 dist/index.HTML 文件现在看起来像这样：
<body>
<app-root></app-root>
<script src="runtime-es2015.4d42af9040dc5f9d6e81.Js" type="module"></script>
<script src="runtime-es5.4d42af9040dc5f9d6e81.Js" nomodule defer></script>
<script src="polyfills-es5.2233b50e9378626b00f1.Js" nomodule defer></script>
<script src="polyfills-es2015.7f46587a0e6ec41939dd.Js" type="module"></script>
<script src="scripts.9fc52888a9a75ff81dc6.Js" defer></script>
<script src="main-es2015.94ae9c9dc343ecbeefc1.Js" type="module"></script>
<script src="main-es5.94ae9c9dc343ecbeefc1.Js" nomodule defer></script>
</body>
</HTML>
在其他计算机上构建相同的分支会生成正确的 dist/index.HTML 但出于某种原因在我的 pc/vscode 上最后两个脚本
@H_683_31@main-es2015.94ae9c9dc343ecbeefc1.Js 和 @H_683_31@main-es5.94ae9c9dc343ecbeefc1.Js 不知何故被扭曲了。
我没有对任何配置应用程序进行任何更改，例如
tsconfig.app.Json
{
"extends": "./tsconfig.base.Json","compilerOptions": {
"outDir": "./out-tsc/app","types": []
},"files": [
"src/main.ts","src/polyfills.ts","src/app/core/abstructs/upload-file-base.ts"
],"include": [
"src/**/*.d.ts"
],"exclude": [
"src/test.ts","src/**/*.spec.ts"
]
}
或 tsconfig.base.Json
{
"compiLeonSave": false,"compilerOptions": {
"baseUrl": "./","outDir": "./dist/out-tsc","sourceMap": true,"declaration": false,"downleveliteration": true,"experimentalDecorators": true,"module": "ES2020","moduleResolution": "node","importHelpers": true,"target": "es2015","typeRoots": [
"node_modules/@types"
],"lib": [
"es2018","dom"
]
},"angularCompilerOptions": {
"fullTemplateTypecheck": true,"StricTinjectionParameters": true
}
}
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）
以上是大佬教程为你收集整理的Angular：从同一项目/分支上的两个不同 PCS 构建的 ng 在 index.html 中生成两个不同版本的脚本，从而导致错误全部内容，希望文章能够帮你解决Angular：从同一项目/分支上的两个不同 PCS 构建的 ng 在 index.html 中生成两个不同版本的脚本，从而导致错误所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。