2

所以我显然是 React 的初学者，这可能是漫无边际的，我可能会被钉在十字架上，但我在过去一周左右的时间里一直在努力尝试使用 React 从头开始​​构建一个 hello world 应用程序云9。我已经阅读了官方文档，并按照其中包含的本指南（以及其他六种指南）无济于事。使用 create-react-app 确实有效，但我想知道幕后发生了什么。我尝试简单地弹出我用 CRA 制作的应用程序，但自然而然地，一旦我弹出它，它就停止了工作。

我从 Github 上克隆了大约 5 或 6 个 react 样板，但它们都没有生成我可以在 Cloud9 中实际查看的应用程序，即使是专门为 C9 配置的应用程序也是如此。几乎所有人都使用 webpack-dev-server，但即使我特别标记它使用 $IP、$PORT、$C9_HOSTNAME 等，就像我部署的任何其他应用程序一样，它成功编译并告诉我它正在运行、预览应用程序或导航到 URL 会返回一个空白页面或“无效的主机标头”。有谁知道这可能是什么原因造成的？

4

2 回答 2

1

要修复无效的主机头问题，请将其添加到您的 webpack 配置文件中：

devServer: {
  disableHostCheck: true
}

如果您仍在使用create-react-app，那么您应该不会遇到这个问题。

于 2018-10-24T00:58:39.077 回答
0

安装所需的所有节点模块并创建一个“myapp”作为项目：

npm init react-app myapp

cd myapp

为了启动应用程序，您需要在环境端口中设置进程，因此转到package.json并更改script.start为：

"start": "set PORT=process.env.PORT && react-scripts start"

然后做npm start，应该可以正常工作。

于 2019-10-15T18:17:40.563 回答