您如何在Cloud9上运行从零开始的React应用程序？

Question

所以我显然是React的初学者，这可能是个漫不经心的事情，我甚至可能被钉在十字架上，但是上个星期我一直在撞墙砸墙，所以我想从头开始构建一个hello world应用在Cloud9上使用React。我已经阅读了官方文档，但没有遵循其中包含的this guide（以及其他六打）。使用create-react-app实际上可以工作，但是我想知道幕后发生了什么。我只是尝试弹出用CRA制作的应用程序，但是自然而然地，一旦弹出它，它便停止工作。

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

Answer 1

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

devServer: {
  disableHostCheck: true
}

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

Answer 2

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

npm init react-app myapp

cd myapp

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

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

然后npm start可以正常工作。