vue内存溢出

js内存溢出

解决方案一:通过 package.json 中的 “pro” 加大内存
/* package.json 文件 */
“scripts”: {
“pro”: "node --max_old_space_size=9000 build/build.js "
}

解决方案二:使用 increase-memory-limit 插件,增加node服务器内存限制
新增依赖包npm install --save-dev increase-memory-limit,
/* package.json 文件 /
“devDependencies”: {
“increase-memory-limit”: “^1.0.6”,
},
“scripts”: {
/
添加 fix-memory-limit */
“fix-memory-limit”: “cross-env LIMIT=4096 increase-memory-limit”
}
在更新package.json后重新 npm install 全量更新依赖包,执行npm run fix-memory-limit(只需执行一次即可)重启项目即可

(vue -V查看vue版本,node -v查看nodejs版本)
针对nodejs版本给出方案,低版本方案一,高版本方案二

期间还是出现GC
node官网下载nodejs最新安装包,一路next重新安装node,执行一遍方案二

附:
node-v12.18.3-x64.msi安装报错5023问题
以管理员身份运行安装包
cmd

执行完以上步骤后出现dev …运行失败问题,可删除项目目录下的node_modules目录,后执行:
npm install
npm run fix-memory-limit
npm run dev

————————————————————————

出现’“node --max-old-space-size=9000”’ 不是内部或外部命令,也不是可运行的程序问题

解决方案一:
安装脚手架用cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装全局vue-cli脚手架
cnpm install --global vue-cli

删除node_modules,package-lock.json,清除npm缓存
cnpm install
cnpm install --save-dev increase-memory-limit
cnpm run fix-memory-limit
cnpm run build

解决方案二:
删除node_modules,package-lock.json,清除npm缓存
rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install
npm run fix-memory-limit
npm run xxx

如果还是出现内存不足的错
重启电脑,不要启动太多程序(打包到91%时,cpu持续100%,到结束cpu才降下来)
————————————————————————

### 解决 WebStorm 中 Vue 项目运行时出现的内存溢出问题 当遇到 WebStorm 运行 Vue 项目时发生 `OutOfMemory` 错误的情况,通常是因为 Node.js 的默认堆栈大小不足以处理大型项目的编译和构建过程。可以通过调整 Node.js 和 Webpack 配置来解决问题。 #### 调整 Node.js 堆栈大小 为了增加可用的内存量,在启动命令前添加参数以提高最大旧生代空间: ```bash node --max-old-space-size=8192 ./node_modules/.bin/vue-cli-service serve ``` 这会将最大旧生代空间设置为 8GB[^1]。 对于频繁使用的开发环境来说,可以修改 package.json 文件中的脚本部分以便每次执行服务时不需手动输入额外参数: ```json { "scripts": { "serve": "node --max_old_space_size=8192 node_modules/@vue/cli-service/bin/vue-cli-service.js serve" } } ``` #### 修改 Webpack 构建配置 如果仍然存在性能瓶颈,则考虑优化 Webpack 构建流程。一种方法是在 vue.config.js 或 webpack.config.js 中启用 TerserPlugin 插件并减少压缩级别;另一种方式是通过 HappyPack 实现多线程打包加速[^2]: ```javascript const TerserPlugin = require('terser-webpack-plugin'); module.exports = { configureWebpack: { optimization: { minimize: true, minimizer: [ new TerserPlugin({ parallel: true, // 开启多核CPU支持 terserOptions: { compress: false, // 关闭压缩选项可加快速度 mangle: false // 不混淆变量名也可以提升效率 }, }), ], }, }, }; ``` #### 使用更高效的依赖管理工具 有时 npm 安装包过多也会占用大量资源。尝试切换到 Yarn 来代替 NPM 可能会有更好的表现,因为前者具有更快的速度以及更加稳定的缓存机制[^3]. 安装 yarn 后重新初始化项目依赖: ```bash yarn install ``` 以上措施应该能够有效缓解甚至彻底解决 WebStorm 下 Vue 应用程序因内存不足而产生的错误提示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值