create-react-app 显示错误“您需要启用 JavaScript 才能运行此应用程序。”

Question

我为我的 API 使用 express。我有一个名为 app 的文件夹和另一个名为 server 的文件夹。 app 是客户端应用程序，使用 create-react-app 作为样板，而服务器是 API 的 express.js 应用程序。

在服务器的 app.js 文件中，我写了

app.get("*", function (req, res) {
    res.sendFile(path.resolve(__dirname, '../app/build/index.html'));
})

但是当我调用任何 API 端点时，我得到

您需要启用 JavaScript 才能运行此应用程序。

在响应中。 我糊涂了; 怎么了？

Answer 1

在构建目录中，您有更多的文件，而不仅仅是 index.html。 你还有 build/js/main.buildNumber.js 和 build/css/main.buildNumber.css。 因此，当您的前端向https://yourdomain.com/css/main.buildNumber.js发出请求时，它会错误地返回 index.html而不是main.js。

相反，您应该使用 express.static 静态提供构建文件夹的内容

    app.use('/', express.static(__dirname + '/'));

或者您可以查看“服务”节点模块来托管您的应用程序。 这将与反应路由器一起很好地工作。 npm i -g serve然后cd build然后serve . --single -p 5000 serve . --single -p 5000 。 这将在端口 5000 (http://localhost:5000) 上为您的应用程序提供服务。

Answer 2

对我来说，问题是我将 styles 用于功能组件和基于 class 的组件混合使用。 仔细检查您没有任何悬而未决的this关键字，或者可能缺少一些相同的关键字。

Answer 3

检查浏览器中是否启用了JavaScript。

在Google Chrome中，转到“设置”>“高级设置”>“内容设置”，然后查看是否启用了JavaScript。