从 react-scripts 3.2.0 更新到 3.3.0 时，为什么我的 react 项目会崩溃？

Question

我使用

更新了我的反应项目

npm install --save --save-exact react-scripts@3.3.0

但是当我开始我的 react 项目时，我得到了这个......

正在启动开发服务器...

[27403:0x108000000] 53085 毫秒：清除 2041.3 (2049.1) -> 2040.6 (2049.4) MB，7.8 / 0.0 毫秒（平均 mu = 0.242，当前 mu = 0.164） 分配失败 [27403:0x108000000] 53094 毫秒：清除 2041.8 (2049.9) -> 2041.2 (2050.1) MB，7.7 / 0.0 ms（平均 mu = 0.242， 当前 mu = 0.164) 分配失败 [27403:0x108000000] 53101 毫秒：清除 2042.0 (2050.1) -> 2041.3 (2050.6) MB，5.2 / 0.0 毫秒 （平均 mu = 0.242，当前 mu = 0.164）分配失败

==== JS 堆栈跟踪 ========================================== =

0: ExitFrame [pc: 0x100930c99]
1: StubFrame [pc: 0x1008e42a7] Security context: 0x3d30707408a1 <JSObject>
2: SourceMapConsumer_allGeneratedPositionsFor [0x3d307ed12519] [/Users/bob/IdeaProjects/test-client/node_modules/source-map/lib/source-map-consumer.js:~178]

[pc=0x183302d049b6](这=0x3d30ec3c01a1 ,0x3d303d727d61 ) 3: /* 匿名 */(又名 /...

致命错误：在堆限制分配附近标记压缩无效 失败 - JavaScript 堆内存不足

将 Node.js 报告写入文件： report.20200103.163000.27403.0.001.json Node.js 报告完成 1： 0x10007e9b3 节点::Abort() [/usr/local/bin/node] 2: 0x10007eb37 节点::OnFatalError(char const*, char const*) [/usr/local/bin/node] 3: 0x100176337 v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/usr/local/bin/node] 4: 0x1001762d3 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/usr/local/bin/node] 5: 0x1002fa485 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/usr/local/bin/node] 6: 0x1002fbb54 v8::internal::Heap::RecomputeLimits(v8::internal::GarbageCollector) [/usr/local/bin/node] 7: 0x1002f8a27 v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/usr/local/bin/node] 8: 0x1002f6a0d v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCCallbackFlags) [/usr/local/bin/node] 9: 0x100302124 v8::internal::Heap::AllocateRawWithLightRetry(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [/usr/local/bin/node] 10: 0x10030219f v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationType, v8::internal::AllocationAlignment) [/usr/local/bin/node] 11: 0x1002ced97 v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationType) [/usr/local/bin/node] 12: 0x1005f83e5 v8::internal::Runtime_AllocateInYoungGeneration(int, unsigned long*, v8::internal::Isolate*) [/usr/local/bin/node] 13: 0x100930c99 Builtins_CEntry_Return1_DontSaveFPRegs_ArgvOnStack_NoBuiltinExit [/usr/local/bin/node] 14: 0x1008e42a7 Builtins_KeyedLoadIC_Megamorphic [/usr/local/bin/node] 15：0x183302d049b6 16：0x183302b03a05 npm 错误！ 代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ dms-test-clientnp@0.1.0 开始：react-scripts start npm 错误！退出状态 1 npm ERR！ npm 错误！ dms-test-clientnp@0.1.0 启动脚本失败。 npm 错误！这是 npm 可能不是问题。可能有额外的日志记录 上面的输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/Users/bob/.npm/_logs/2020-01-03T21_30_01_170Z-debug.log ```

为什么会这样？

Answer 1

这是新版本中的一个问题。要解决此问题，请尝试分配更多内存。您可以通过两种方式做到这一点：

• 在 .bash_profile 中添加以下行

导出 NODE_OPTIONS=--max-old-space-size=8192

• 将 package.json 中的行更改为以下方式：

“脚本”：{ "start": "react-scripts --expose-gc --max-old-space-size=8192 start", "build": "react-scripts --expose-gc --max-old-space-size=8192 build", ... ... }