React 应用程序卡在“启动开发服务器”上

Question

我有一个由 create-react-app 创建的 React 应用程序。运行 npm start （启动脚本在 package.json 中作为“start”：“react-scripts start”存在）后，控制台显示像往常一样启动开发服务器并启动浏览器。但是在此之后，控制台和浏览器都绝对不会无限期地执行任何操作。没有错误或输出。它只是什么都不做。

Answer 1

第一次运行该命令时，页面加载大约需要 5 分钟。

Answer 2

我有类似的事情发生在我身上。

我有一个我想转换为 Typescript 的 React 项目，我按照你提到的“create-react-app”开始，添加了我所有的文件并希望得到最好的 - 但是像你一样卡在“启动开发服务器”上“ 信息。

我有一个装有 Windows 10 的 8GB 内存，当我第一次使用默认的“npm start”时，我看到节点进程使用了​​大量内存 - 所以我试图给它更多，同时我也厌倦了更改反应使用的端口。

1. 将此添加到 package.json 中的启动脚本中：

   "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

2. 关闭了我所有的 chrome 浏览器（它们占用了大量内存）

3. 并给它大约 1 分钟的运行时间

1 分钟后，它开始工作，从那时起它就开始快速启动，不使用那么多内存，也不依赖于我选择的端口

就我而言 - 我猜你第一次在 React Typescript 项目上运行“npm start”时它可能会索引文件（或者做类似的事情 - 我不确定，可能需要阅读它 - 我是 typescript 的新手) 占用大量内存。

在你的情况下 - 它可能是类似的

希望能帮助到你 ：）

Answer 3

检查这两个要点

1. 在启动服务器之前运行 npm install 命令。

然后它也没有运行，请尝试第二个命令

2. 删除节点模块并再次运行 npm install。

如果这两点都不起作用，请提供屏幕截图以供进一步分析。