Reactで`npm start`をするとエラーになる

Question

Reactでnpm startをするとエラーになります。
npm startした後、しばらくするとエラーになるような状態で、エラー内容としては下記になります。

C:\Project\front>npm start

> front@0.1.0 start C:\Project\front
> react-scripts start

i ｢wds｣: Project is running at http://172.20.160.1/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from C:\Project\front\public
i ｢wds｣: 404s will fallback to /
Starting the development server...


<--- Last few GCs --->

[19024:00608770]   299981 ms: Mark-sweep (reduce) 1014.4 (1025.9) -> 1014.2 (1026.9) MB, 29586.4 / 1.0 ms  (average mu = 0.089, current mu = 0.002) allocation failure scavenge might not succeed
[19024:00608770]   328390 ms: Mark-sweep (reduce) 1015.2 (1028.9) -> 1015.0 (1028.9) MB, 28366.1 / 0.9 ms  (average mu = 0.046, current mu = 0.002) allocation failure scavenge might not succeed


<--- JS stacktrace --->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 00F38689 v8::internal::Heap::PageFlagsAreConsistent+2169
 2: 00F2E701 v8::internal::Heap::CollectGarbage+1985
 3: 00F2CDB3 v8::internal::Heap::AllocateExternalBackingStore+1171
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! front@0.1.0 start: `react-scripts start`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the front@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\user\AppData\Roaming\npm-cache\_logs\2021-05-28T01_54_35_496Z-debug.log

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\Program Files (x86)\nodejs\node.exe',
1 verbose cli   'C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli   'start'
1 verbose cli ]
2 info using npm@6.14.13
3 info using node@v14.17.0
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle front@0.1.0~prestart: front@0.1.0
6 info lifecycle front@0.1.0~start: front@0.1.0
7 verbose lifecycle front@0.1.0~start: unsafe-perm in lifecycle true
8 verbose lifecycle front@0.1.0~start: PATH: C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Project\front\node_modules.bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files\Git\cmd;C:\Program Files (x86)\nodejs\;C:\Program Files\Docker\Docker\resources\bin;C:\ProgramData\DockerDesktop\version-bin;C:\Users\user\AppData\Local\Microsoft\WindowsApps;C:\Users\user\work\shortcut;C:\Users\user\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\user\AppData\Roaming\npm;C:\Program Files\MySQL\MySQL Server 5.7\bin\;
9 verbose lifecycle front@0.1.0~start: CWD: C:\Project\front
10 silly lifecycle front@0.1.0~start: Args: [ '/d /s /c', 'react-scripts start' ]
11 silly lifecycle front@0.1.0~start: Returned: code: 134  signal: null
12 info lifecycle front@0.1.0~start: Failed to exec start script
13 verbose stack Error: front@0.1.0 start: `react-scripts start`
13 verbose stack Exit status 134
13 verbose stack     at EventEmitter.<anonymous> (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:376:20)
13 verbose stack     at ChildProcess.<anonymous> (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:376:20)
13 verbose stack     at maybeClose (internal/child_process.js:1055:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
14 verbose pkgid front@0.1.0
15 verbose cwd C:\Project\front
16 verbose Windows_NT 10.0.19042
17 verbose argv "C:\Program Files (x86)\nodejs\node.exe" "C:\Program Files (x86)\nodejs\node_modules\npm\bin\npm-cli.js" "start"
18 verbose node v14.17.0
19 verbose npm  v6.14.13
20 error code ELIFECYCLE
21 error errno 134
22 error front@0.1.0 start: `react-scripts start`
22 error Exit status 134
23 error Failed at the front@0.1.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 134, true ]

Reactでヒープサイズの指定はしておらず、pacage.jsonで
"start": "react-scripts --max_old_space_size=4096 start",
のように指定しましたが、エラーが出るのが早くなっただけでした。

他に同じソースを使っている人がいるのですが、その人は問題なくnpm startできるそうです。
その人とは、npmのバージョンはほぼ変わらないです。

このエラーを解決してnpm startできるようにしたく思います。
どなたかわかる方、ご教示いただけますと幸いです。

Comments

[hoshi-takanori]

C:\\Program Files (x86)\\nodejs\\node.exe ってことはもしかして 32bit 版だったりしますか？

Answer 1

解決したのですが、原因はわかりませんでした。
node_modulesを削除してnpm installをやり直したり
"start": "react-scripts --max_old_space_size=4096 start",を
"start": "react-scripts --max_old_space_size=5120 start",にして実行したりなど、
いろいろ試したらうまく動きました。