gpt4 book ai didi

javascript - 部署 Angular 项目错误类型 MIME (text/html)

转载 作者:行者123 更新时间:2023-11-28 03:28:11 25 4
gpt4 key购买 nike

我尝试部署 Angular/CLI 6.12.0 项目。

当我将“dist”文件夹内容放在服务器上时,出现控制台错误“键入 MIME”。

Le chargement du module à l’adresse « http://www.sylvainallain.fr/polyfills-es2015.fd917e7c3ed57f282ee5.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
Le chargement du module à l’adresse « http://www.sylvainallain.fr/main-es2015.2fcd6517edb1de962f8a.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
Le chargement du module à l’adresse « http://www.sylvainallain.fr/runtime-es2015.24b02acc1f369d9b9f37.js » a été bloqué en raison d’un type MIME interdit (« text/html »).

/image/4uFyT.png

这对我来说是法语^^。您可以在此处的控制台中看到它 http://biblio.sylvainallain.fr

这是一个像库一样简单的应用程序。后端(日志和数据)由 Firebase 管理。

在本地,一切正常。

我使用“ng build --prod”进行构建,它创建了一个“dist”文件夹。

生产后我的index.html:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bibliothèque Angular</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.735ba4029395bfd97371.css"></head>
<body>
<app-root></app-root>
<script src="polyfills-es5.f9fad3ad3c84e6dbdd72.js" nomodule defer></script>
<script src="polyfills-es2015.fd917e7c3ed57f282ee5.js" type="module"></script>
<script src="runtime-es2015.24b02acc1f369d9b9f37.js" type="module"></script>
<script src="main-es2015.2fcd6517edb1de962f8a.js" type="module"></script>
<script src="runtime-es5.24b02acc1f369d9b9f37.js" nomodule defer></script>
<script src="main-es5.2fcd6517edb1de962f8a.js" nomodule defer></script></body>
</html>

我找到这个 GitHub 帖子:https://github.com/angular/angular-cli/issues/10325.这是同样的问题,我尝试了一些解决方案,但没有任何效果。

此问题仅存在于 es2015.*.js 上文件。所以我认为 type="module" 有问题它不像 Javascript 文件那样被识别。我不明白为什么 Angular 不管理它。

编辑10 月 25 日:

  • 尝试替换 type="module"type="application/javascript" 。别工作。 Source

  • 尝试使用 ng update @angular/cli @angular/core --allow-dirty 更新 Angular/CLI 和 Angular/core和ng build --prod再次。不工作

  • 尝试使用 Firebase 托管它。同样的问题:https://bibliang.firebaseapp.com/

感谢您的帮助! :)

最佳答案

这是因为项目工作区中的 dist 文件夹。有两种对我有用的解决方案:

Sol 1. 在您的dist文件夹中,可能有一个以您的项目名称命名的文件夹,将该文件夹中的所有文件移动到dist文件夹中,然后将dir位置更改为dist/index.html在 server.js 文件中。

将所有文件从 dist/you_project_name 移动到 dist/

然后将 server.js 文件“dist/you_project_name”中的目录位置更改为“dist/”

Sol 2.您可以更改index.html文件中所有导致错误的标签的src属性,例如::

<script src="runtime-es2015.js" type="module">

更改为

<script src="folder_name_inside_the_dist_dir/runtime-es2015.js" type="module">

关于javascript - 部署 Angular 项目错误类型 MIME (text/html),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58437681/

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