vue项目 运行内存溢出

运行vue项目报错，内存溢出！！！

<--- Last few GCs --->

[10400:00000218A86135D0]   173902 ms: Mark-sweep (reduce) 1938.6 (2066.0) -> 1938.5 (2044.2) MB, 245.8 / 0.1 ms  (average mu = 0.202, current mu = 0.194) allocation failure scavenge might not succeed
[10400:00000218A86135D0]   173965 ms: Scavenge (reduce) 1955.4 (2061.0) -> 1955.5 (2061.0) MB, 2.3 / 0.0 ms  (average mu = 0.202, current mu = 0.194) allocation failure 

<--- JS stacktrace --->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 00007FF715487A1F v8::internal::CodeObjectRegistry::~CodeObjectRegistry+114207
 2: 00007FF715416096 DSA_meth_get_flags+65542
 3: 00007FF715416F4D node::OnFatalError+301
 4: 00007FF715D4B2CE v8::Isolate::ReportExternalAllocationLimitReached+94
 5: 00007FF715D358AD v8::SharedArrayBuffer::Externalize+781
 6: 00007FF715BD8C7C v8::internal::Heap::EphemeronKeyWriteBarrierFromCode+1468
 7: 00007FF715BE5929 v8::internal::Heap::PublishPendingAllocations+1129
 8: 00007FF715BE28FA v8::internal::Heap::PageFlagsAreConsistent+2842
 9: 00007FF715BD5559 v8::internal::Heap::CollectGarbage+2137
10: 00007FF715BD3710 v8::internal::Heap::AllocateExternalBackingStore+2000
11: 00007FF715BF1420 v8::internal::FreeListManyCached::Reset+1408
12: 00007FF715BF1AD5 v8::internal::Factory::AllocateRaw+37
13: 00007FF715C0739F v8::internal::FactoryBase<v8::internal::Factory>::NewRawTwoByteString+79
14: 00007FF7159EAA7D v8::internal::String::SlowFlatten+477
15: 00007FF715754C8B v8::internal::WasmTableObject::Fill+603
16: 00007FF715D55086 v8::String::Utf8Length+22
17: 00007FF715434DB7 v8::internal::Malloced::operator delete+17479
18: 00007FF715D6D6AF v8::internal::SetupIsolateDelegate::SetupHeap+53823
19: 00000218AB716815
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! new-pro@1.0.0 dev: `webpack-dev-server  --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the new-pro@1.0.0 dev 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\mdx\AppData\Roaming\npm-cache\_logs\2022-07-21T15_47_19_035Z-debug.log

网上搜了解决思路，有三个方法，尝试结果如下。

解决方法

尝试1： 在node_modules/.bin/webpack-dev-server.cmd 下写 node --max-old-space-size=4096

IF EXIST "%dp0%\node.exe" (
  SET "_prog=%dp0%\node.exe" "--max_old_space_size=4096"
) ELSE (
  SET "_prog=node" "--max_old_space_size=4096"
  SET PATHEXT=%PATHEXT:;.JS;=;%
)

结果：未生效。

尝试2：在node_modules/.bin/webpack-dev-server.cmd 下的 "%_prog%" 去除双引号替换成 %_prog%

结果：未生效。

尝试3：

在终端执行:

$ npm install -g increase-memory-limit

进入当前项目下，执行命令行：

$ increase-memory-limit

执行启动项目的命令

结果：成功！(注意成功的基础是：尝试2+尝试3 两个步骤结合，先执行3，再执行2)