gpt4 book ai didi

Angular 10 - 无法加载模块脚本 : The server responded with a non-JavaScript MIME type of "text/html"

转载 作者:行者123 更新时间:2023-12-03 02:35:23 24 4
gpt4 key购买 nike

升级到 Angular 10 后,我在部署到 Azure 应用服务后看到以下内容:无法加载模块脚本:服务器响应非 JavaScript MIME 类型“text/html”。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

我的 tsconfig.base.json 看起来像这样:

    {
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"module": "es2020",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es6",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
]
}
}

这似乎很重要:
out-tsc 似乎没有发布到服务器。在其他成功部署的应用程序中,我可以在所有页面文件中看到这种直接性。

目标 es6 产生以下结果:

Failed to load module script: The server responded with anon-JavaScript MIME type of "text/html". Strict MIME type checking isenforced for module scripts per HTML spec.

<body class="mat-typography">
<app-root>
<span style="text-align: center;">
Loading...
<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
</span>
</app-root>
<script src="runtime-es2015.3ee9a79b8d90d488eb6e.js" type="module"></script>
<script src="runtime-es5.3ee9a79b8d90d488eb6e.js" nomodule="" defer=""></script>
<script src="polyfills-es5.a80f72600a0bfdce44d9.js" nomodule="" defer=""></script>
<script src="polyfills-es2015.92e0624093dad79ad88a.js" type="module"></script>
<script src="main-es2015.b16c8d48817baaf425be.js" type="module"></script>
<script src="main-es5.b16c8d48817baaf425be.js" nomodule="" defer=""></script>

</body>

关注此帖子后 https://github.com/angular/angular/issues/30835MIME type issue in Angular我尝试了所有这些解决方案,甚至是这样的:

目标 es5 产生以下内容:

Uncaught SyntaxError: Unexpected token '<'

<body class="mat-typography">
<app-root>
<span style="text-align: center;">
Loading...
<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
</span>
</app-root>
<script src="runtime.208caafb01abdda3ac51.js" defer=""></script>
<script src="polyfills-es5.baef76646d9ddccffa84.js" nomodule="" defer=""></script>
<script src="polyfills.4ff3e861f9f5817874c8.js" defer=""></script>
<script src="main.4ad4acf8ee80919cf267.js" defer=""></script>
</body>

我不知道还能做什么?

最佳答案

事实证明,在DotNetCore 3.1中,我已经删除了

app.UseSpaStaticFiles();

来自Startup.cs,这样做破坏了一些重要的东西。

关于Angular 10 - 无法加载模块脚本 : The server responded with a non-JavaScript MIME type of "text/html",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63364720/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com