您如何 运行 Cloud9 上的从头开始的 React 应用程序？
How do you run a from-scratch React app on Cloud9?
所以我显然是 React 的初学者，这可能是漫无边际的，我也可能被钉在十字架上，但在过去一周左右的时间里，我一直在用头撞墙，试图构建一个 hello world 应用程序在 Cloud9 上使用 React 从零开始。我已经阅读了官方文档，并遵循其中包含的 this guide（以及其他六个）无济于事。使用 create-react-app 确实有效，但我想知道幕后发生了什么。我尝试简单地弹出我用 CRA 制作的应用程序，但很自然地，我一弹出它就停止工作了。
我已经从 Github 克隆了大约 5 或 6 个 React 样板，但其中 none 生成的应用程序我可以在 Cloud9 中实际查看，甚至是那些专门为 C9 配置的应用程序。几乎所有人都使用 webpack-dev-server，但即使我特别标记它使用 $IP、$PORT、$C9_HOSTNAME 等，就像我部署的任何其他应用程序一样，它成功编译并告诉我它是 运行，预览应用程序或导航至 URL returns 空白页或 "Invalid Host Header." 有谁知道是什么原因造成的？
要修复无效主机 header 问题，请将其添加到您的 webpack 配置文件中：
devServer: {
disableHostCheck: true
}
如果您仍在使用 create-react-app，那么您应该不会遇到这个问题。
安装所有需要的节点模块并创建一个 'myapp' 作为项目：
npm init react-app myapp
cd myapp
为了启动应用程序，您需要在环境端口中设置进程，因此转到 package.json 并将 script.start 更改为：
"start": "set PORT=process.env.PORT && react-scripts start"
然后npm start，应该没问题。
所以我显然是 React 的初学者，这可能是漫无边际的，我也可能被钉在十字架上，但在过去一周左右的时间里，我一直在用头撞墙，试图构建一个 hello world 应用程序在 Cloud9 上使用 React 从零开始。我已经阅读了官方文档，并遵循其中包含的 this guide（以及其他六个）无济于事。使用 create-react-app 确实有效，但我想知道幕后发生了什么。我尝试简单地弹出我用 CRA 制作的应用程序，但很自然地，我一弹出它就停止工作了。
我已经从 Github 克隆了大约 5 或 6 个 React 样板，但其中 none 生成的应用程序我可以在 Cloud9 中实际查看，甚至是那些专门为 C9 配置的应用程序。几乎所有人都使用 webpack-dev-server，但即使我特别标记它使用 $IP、$PORT、$C9_HOSTNAME 等，就像我部署的任何其他应用程序一样，它成功编译并告诉我它是 运行，预览应用程序或导航至 URL returns 空白页或 "Invalid Host Header." 有谁知道是什么原因造成的？
要修复无效主机 header 问题，请将其添加到您的 webpack 配置文件中：
devServer: {
disableHostCheck: true
}
如果您仍在使用 create-react-app，那么您应该不会遇到这个问题。
安装所有需要的节点模块并创建一个 'myapp' 作为项目：
npm init react-app myapp
cd myapp
为了启动应用程序，您需要在环境端口中设置进程，因此转到 package.json 并将 script.start 更改为：
"start": "set PORT=process.env.PORT && react-scripts start"
然后npm start，应该没问题。