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

Question

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

原文由 kenneth-rebello 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

我有一个想要转换为 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", ... }

1. 关闭了我所有的 chrome 浏览器（它们占用了很多内存）

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

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

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

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

希望能帮助到你 ：）

原文由 Sharon Lifshits 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

原文由 Richard Vartan Melkonian 发布，翻译遵循 CC BY-SA 4.0 许可协议