Javascript 模块因不允许的MIME类型(“text/html”)而被阻止

Javascript 模块因不允许的MIME类型(“text/html”)而被阻止,javascript,mime-types,Javascript,Mime Types,我很惊讶,关于同一个问题有这么多问题,但却没有好的答案。事实上,这个问题甚至没有一个答案。无论如何,我的问题很相似。在我决定在同一个端口(在我的例子中是3000端口)上运行我的前端和后端之前,一切都很正常。我遵循以下步骤: 使用ng build--prod编译开发文件。创建了一个dist文件夹 然后将所有服务器文件和dist文件夹上载到服务器 并使用pm2运行服务器。命令是pm2 start server.js 我知道这些行是从哪里来的index.html: 脚本src=“runtime-es2

我很惊讶,关于同一个问题有这么多问题,但却没有好的答案。事实上,这个问题甚至没有一个答案。无论如何,我的问题很相似。在我决定在同一个端口(在我的例子中是3000端口)上运行我的前端和后端之前,一切都很正常。我遵循以下步骤:

  • 使用
    ng build--prod
    编译开发文件。创建了一个
    dist
    文件夹
  • 然后将所有服务器文件和dist文件夹上载到服务器
  • 并使用pm2运行服务器。命令是
    pm2 start server.js
  • 我知道这些行是从哪里来的
    index.html

    脚本src=“runtime-es2015.858f8dd898b75fe86926.js”type=“module”

    脚本src=“polyfills-es2015.5728f680576ca47e99fe.js”type=“模块”

    script src=“runtime-es5.741402d1d47331ce975c.js”nomodule>

    script src=“polyfills-es5.7f43b971448d2fb49202.js”nomodule>

    script src=“main-es2015.ec7a803b995f0d691eeb.js”type=“module”>

    script src=“main-es5.1cd51b4ce24f28c1391b.js”nomodule>

    但现在他们正在制造这些错误:

    由于不允许的MIME类型(“text/html”),已阻止从“”加载模块

    由于不允许的MIME类型(“text/html”),已阻止从“”加载模块

    由于不允许的MIME类型(“text/html”),已阻止从“”加载模块

    我尝试了设置
    type=text/javascript
    和更多的解决方案和技巧。但一切都不起作用


    PS:是构建之前的整个项目。还可以查看其自述文件。

    您遇到的问题是服务器找不到您的javascript文件。它返回一个状态代码为404(未找到)、401(未经授权)的错误标题,并在以下行的某个位置返回一个html页面:

    <html>
        <body>
        ERROR 404: NOT FOUND
    </body>
    </html>
    
    
    错误404:找不到
    
    因为浏览器需要一个javascript文件(脚本元素的默认MIME类型是
    Type=“text/javascript”
    ),所以当它收到HTML文件时,它会抱怨


    您可以在浏览器的开发人员工具中看到服务器响应(状态代码和实际的html)。转到“网络”选项卡,单击其中一个javascript文件以查看响应的标题和内容。

    这听起来像是重复了前面的问题。什么改变了,它们有什么不同?