node.js - 如何在 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/

标签： node.jsreactjs

Answer 1

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

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

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

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