如何在 goormIDE 中启动使用 create-react-app 创建的 React 应用程序？答案

【问题标题】：How to npm start a React app created with create-react-app in goormIDE?如何在 goormIDE 中启动使用 create-react-app 创建的 React 应用程序？
【发布时间】：2020-03-13 20:56:06
【问题描述】：

我是 Web 开发新手，我正在尝试运行我的第一个 React 应用程序。我使用 goormIDE 作为云环境。我已经安装了 Node.js 和 npm，到目前为止我已经安装了：

npm install npx
npx create-react-app my-app
cd my-app
npm start 编译成功

当我转到 http://localhost:3000 时，我收到“无法访问此站点”错误 (ERR_CONNECTION_REFUSED)。

为了解决这个问题，我将防火墙设置更改为“允许端口 3000”作为入站规则。没有运气。

关于如何让它发挥作用的任何想法？

编辑：我也尝试过通过 IP http://XXX.XXX.X.X:3000/

【问题讨论】：

您必须更具体一点：您的意思是您正在某个远程服务器上运行它，而您现在正尝试连接到该服务器？或者您是在本地安装此工具，而 http://localhost:3000 无法在您自己的计算机上 工作？
尝试另一个端口而不是 3000，例如尝试 45632，然后运行本地服务器并再次在本地尝试

标签： node.js reactjs

【解决方案1】：

由于您指定您是 Web 开发新手并且您正在使用 goormIDE，因此最好使用 React 的“模板”goormIDE 功能.

goormIDE 是一个基于容器的云环境。您很可能已经创建了一个容器，并且您正在尝试从该容器内部的命令行运行 React。这不起作用，因为：

容器在云端，它不会回复localhost，而是回复IP。
从容器内部打开防火墙不足以暴露其端口。这将需要一些进一步的配置，这是一个高级主题，您现在不应该处理，因为您是 Web 开发的新手。

按照此tutorial from goormIDE 使用模板功能正确创建项目。

【讨论】：

感谢您的帮助！