Javascript 部署角度项目错误类型MIME(text/html)

Javascript 部署角度项目错误类型MIME(text/html),javascript,angular,deployment,build,mime-types,Javascript,Angular,Deployment,Build,Mime Types,我尝试部署Angular/CLI 6.12.0项目 在服务器上放置“dist”文件夹内容时,出现控制台错误 “输入MIME” l'address模块计费«http://www.sylvainallain.fr/polyfills-es2015.fd917e7c3ed57f282ee5.js »aétébloquéen reason d'un type MIME interdit(«text/html»)。 地址模块计费«http://www.sylvainallain.fr/main-es201

我尝试部署Angular/CLI 6.12.0项目

在服务器上放置“dist”文件夹内容时,出现控制台错误 “输入MIME”

l'address模块计费«http://www.sylvainallain.fr/polyfills-es2015.fd917e7c3ed57f282ee5.js »aétébloquéen reason d'un type MIME interdit(«text/html»)。
地址模块计费«http://www.sylvainallain.fr/main-es2015.2fcd6517edb1de962f8a.js »aétébloquéen reason d'un type MIME interdit(«text/html»)。
地址模块计费«http://www.sylvainallain.fr/runtime-es2015.24b02acc1f369d9b9f37.js »aétébloquéen reason d'un type MIME interdit(«text/html»)。

这是我用法语写的。 您可以在控制台中看到它

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

在本地,一切正常

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

prod之后的My index.html:


角形图书馆
.这是同一个问题,我尝试了一些解决方案,但没有任何效果

该问题仅限于
es2015.*.js
文件。因此我认为
type=“module”
有一个问题,它不像Javascript文件那样容易识别。 我不明白你为什么不管理它

编辑10月25日:

  • 尝试将
    type=“module”
    替换为
    type=“application/javascript”
    。不要工作

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

  • 试着用Firebase托管它。同一问题:

谢谢你的帮助!:)


将以上所有文件保存在另一个文件夹中,并在此处指定路径,如

它将工作

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

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

将所有文件从
dist/you\u project\u name
移动到
dist/

然后将server.js文件“dist/you\u project\u name”中的dir位置更改为“dist/”

溶胶2。您可以更改index.html文件中所有导致错误的标记的src属性,如:

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

改为

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

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