构建由Heroku应用程序部署拒绝的CSS文件

Question

我在Heroku中部署了一个React + NodeJS应用程序，部署进行得很顺利，工作了几个小时。但是，在缓存删除之后，它现在拒绝加载页面。这些错误如下：

Refused to apply style from 'https://flix-reloaded.herokuapp.com/src.78399e21.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

和

GET https://flix-reloaded.herokuapp.com/src.78399e21.js net::ERR_ABORTED 404 (Not Found)

第一个是MIME错误，它是指由包构建生成的一个缩小的文件。它在驻留在index.html文件夹中的一个dist文件中被调用。这是调用它的行：<link rel="stylesheet" href="/src.78399e21.css">

它的孪生.js文件也在index.html：<script src="/src.78399e21.js"></script>中调用。

问题1)：我不知道如何使CSS文件被接受。在它中，有一些从SCSS原始文件导入到每个组件的注释。我试图移除注释，并将文件的type添加为CSS，但它没有工作。这应该是一个微妙的细节，但我不知道还能尝试什么。

问题2:是Heroku没有找到的JS文件，它位于index.html的同一个文件夹中。但是，应用程序的路由已被定义为以client (Router basename="/client")为根(https://flix-reloaded.herokuapp.com/client)。如果我用client (https://flix-reloaded.herokuapp.com/client/src.78399e21.css)手动键入URL，就会找到该文件，但是更改index.html中文件的路径(您可以在下面看到)解决了404问题，但带来了另一个问题(表示"<“令牌在超出界限的系统js文件中是意外的)。

我试着运行另一个包构建，实现更改，清理缓存，但是没有任何效果。有人能帮我吗？如果需要的话，我很乐意提供更多的细节。

驻留在index.html文件夹(生产文件所在的地方)中的dist文件代码：

<html>

<head>
  <title>myFlix</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/src.78399e21.css"></head>

<body>
  <div class="app-container"></div>
  <script src="/src.78399e21.js"></script>
</body>
</html>

提前感谢

Answer 1

--如果我手动键入带有客户端(https://flix-reloaded.herokuapp.com/client/src.78399e21.css)的URL，就会找到该文件，但更改index.html中文件的路径(您可以在下面看到)解决了404问题，但带来了另一个问题(表示"<“令牌在超出界限的系统js文件中是意外的)。

这是因为您需要对/client/行进行相同的<script src="/src.78399e21.js"></script>修复。

在这两种情况下，您都得到了CSS/JS文件的错误URL，因此CSS/JS解析器试图(失败)将结果404页的HTML处理为CSS/JS。