从webpack加载bundle.js文件会将mime类型更改为text / html

时间:2018-01-08 20:31:16

标签: javascript express react-redux serverside-rendering serverside-javascript

我正在尝试使用react-redux和express为服务器实现服务器端渲染,webpack用于创建捆绑包。

我开始使用以下文档:

https://redux.js.org/docs/recipes/ServerRendering.html

我有以下设置来加载从webpack创建的main.js:

<script type="application/javascript" src="/static/main.js"></script>

虽然启动快速服务器,但这是我在控制台中看到的:

Refused to execute script from 'http://localhost:8080/static/main.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

这不会在任何浏览器中启动。知道可能会发生什么吗?

1 个答案:

答案 0 :(得分:0)

在我看来,这是配置问题。

如果返回MIME type ('text/html'),则意味着在该特定路径下它无法找到/解析main.js文件,因此它将返回默认的404 html页面,该页面严格定义是javascript。

因此,理想情况下,您可以做的是将快速服务器配置为提供静态文件,如下所示。

app.use(express.static(__dirname + "/static"));

有关更多详细信息,您可以参考::-> https://expressjs.com/en/starter/static-files.html

快乐编码!