javascript - MarkCompactCollector : young object promotion failed Allocation failed

Question

我已经使用 git clone 在本地克隆了一个包含 Vue 项目的 git 存储库.
然后我跑了npm install安装依赖项并获得 node_modules文件夹。
正在运行 npm run serve我收到以下错误:

[11920:03BEA178]   321556 ms: Scavenge (reduce) 429.1 (464.7) -> 429.1 (464.7) MB, 37.7 / 17.8 ms  (average mu = 0.980, current mu = 0.932) allocation failure
[11920:03BEA178]   321643 ms: Scavenge (reduce) 429.7 (465.2) -> 429.7 (465.2) MB, 61.2 / 0.9 ms  (average mu = 0.980, current mu = 0.932) allocation failure
[11920:03BEA178]   321765 ms: Scavenge (reduce) 432.2 (467.3) -> 432.2 (467.3) MB, 22.1 / 0.0 ms  (average mu = 0.980, current mu = 0.932) allocation failure


<--- JS stacktrace --->

FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory
npm ERR! code ELIFECYCLE
npm ERR! errno 134
npm ERR! vue-argon-dashboard-pro@1.1.0 serve: `vue-cli-service serve --open`
npm ERR! Exit status 134
npm ERR!
npm ERR! Failed at the vue-argon-dashboard-pro@1.1.0 serve 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\sagar\AppData\Roaming\npm-cache\_logs\2020-12-10T09_32_00_595Z-debug.log

另外，我的 node_modules文件夹大小约为 8GB。我在具有 2GB RAM 的敞篷车上运行它。

Answer 1

我设法克服这个错误的方法是在 webpack.config.js 中关闭 TerserPlugin 的最小化。如下:

const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
optimization: {
    minimize: false,
    minimizer: [new TerserPlugin()],
  },
};

这可能不适用于所有人，因为在我看来，当 RAM 不足时会发生此错误。我不必设置 minimize至 false当我在具有 4GB RAM 和更多硬盘空间的笔记本电脑上运行该应用程序时。您可以设置 minimize至 false在开发阶段并将其设置回 true当应用程序准备好生产时。