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

Question

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

1. npm install npx
2. npx create-react-app my-app
3. cd my-app
4. npm start并成功编译

当我转到http://localhost:3000 时，出现“无法访问此站点”错误（ ERR_CONNECTION_REFUSED ）。

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

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

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

Answer 1

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

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

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

按照goormIDE 的本教程使用模板功能正确创建项目。