如何在 Cloud9 上运行从头开始的 React 应用程序？答案

【问题标题】：How do you run a from-scratch React app on Cloud9?如何在 Cloud9 上运行从头开始的 React 应用程序？
【发布时间】：2018-10-24 00:33:20
【问题描述】：

所以我显然是 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 会返回一个空白页面或“无效的主机标头”。有谁知道是什么原因造成的？

【问题讨论】：

标签： reactjs aws-cloud9

【解决方案1】：

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

devServer: {
  disableHostCheck: true
}

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

【讨论】：

没有 15 个代表，但我在情感上支持你！

【解决方案2】：

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

npm init react-app myapp

cd myapp

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

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

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

【讨论】：