vue 项目内存溢出_Vue/React 项目运行或者打包出现内存溢出解决方案

因为项目过大运行打包项目的时候报错FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed

image.png

原因如下：

failed - JavaScript heap out of memory JavaScript堆内存不足，这里说的 JavaScript 其实就是 Node，我们都知道 Node 是基于V8引擎，在一般的后端开发语言中，在基本的内存使用上没有什么限制，在 Node 中通过 JavaScript 使用内存时只能使用部分内存(64位系统下约为1.4 GB，32位系统下约为0.7 GB)，这就是我们编译项目时为什么会出现内存泄露了，因为前端项目如果非常的庞大，webpack 编译时就会占用很多的系统资源，如果超出了V8对 Node 默认的内存限制大小就会出现刚刚我截图的那个错误了，那怎么解决呢？V8依然提供了选项让我们使用更多的内存。Node 在启动时可以传递 --max-old-space-size 或 --max-new-space-size 来调整内存大小的使用限制。

第一种解决方案：在package.json 设置内存大小

Vue

"build": "node --max_old_space_size=8192"

React

"scripts": {

"build": "umi build --max_old_space_size=8192 ",

}

第二种解决方案：使用 increase-memory-limit 插件，增加node服务器内存限制

一般情况如果用过第一种方案成功可以不使用第二种，我是遇到第一种配置内存还不起作用的时候用第二种方案生效。

全局安装increase-memory-limit

命令行cmd窗口运行：npm install -g increase-memory-limit，

进入项目文件夹，运行：increase-memory-limit(只需要执行一次即可)

vue 项目内存溢出_Vue/React 项目运行或者打包出现内存溢出解决方案相关推荐

搭建react项目搭建ts react项目使用vite搭建react项目
创建react 项目注意: 网上有一些生成react 的方法,但是也有一些是过时的. 使用官方脚手架creact-react-app 全局安装 creact-react-app 这个脚手架这个脚手 ...
发布react项目到linux服务器,react项目部署nginx服务器
1.打包好你的react本地项目,dist中具有打包好的文件 2.使用shell等工具登录你的linux服务器 3.安装nginx,网上教程一大堆 4.进入/usr/local/nginx/conf/ ...
304 vue 启动项目打开页面_Vue搭建项目工程(续)
第一步: 继上次的vue搭建工程项目,使用的是DOS窗体命令行方式来搭建,今天就在介绍另一种搭建工程的方式,在介绍之前还得强调你必须搭建好上次需要开发用到环境,比如需要安装node.js 和vue.j ...
怎么改vue项目的标题_vue修改项目名
div自适应高度 div自适应高度 Div即父容器不根据内容自适应高度,我们看下面的代码: sublime 3 主题: Theme: Flatland 着色:todo Blue Dawn.tmThem ...
vue 本地xlsx文件下载_vue前端项目中excel文件下载
模仿 https://github.com/PanJiaChen/vue-element-admin/ 的下载创建文件夹vendor 创建文件 Export2Excel.js 内容: /* esli ...
vue圆环进度条_Vue/React圆环进度条
数据展示,一直是各行各业乐此不疲的需求,具体到前端开发行业,则是各种各种图表数据展示,各种表格数据展示,烦不胜烦(繁不胜繁)! 前几天刚做了折线图.柱状图.饼状图之类的图表数据展示效果,今天又碰到了类 ...
python程序内存分析_python 如何测量运行中的程序内存 -- Valgrind
介绍通常我们可以用python profiler去分析应用程序中哪个模块被多次调用和那个程序部分运行的速度较为缓慢,但是并不能够准确给出我们应用程序在运行中在内存中占用的大小. 比如说在金融数据中会 ...
Vue3 vue-cli、create-react-app、vite 创建vue/react项目(笔记)
文章目录 1. vue-cli vue2/3 项目 2. create-react-app react 项目 3. 使用 vite 安装 vue3 项目 3.1 方式一,框架选择配置安装 3.2 方式 ...
只需3分钟，就能轻松创建一个SpreadJS的React项目
概述 SpreadJS 纯前端表格控件 V11.2(SP2) 已经全面支持了 React 的拓展.接下来我们看下如何利用3分钟快速创建一个 SpreadJS 的 React 项目. 1.新建React ...

vue 项目内存溢出_Vue/React 项目运行或者打包出现内存溢出解决方案

vue 项目内存溢出_Vue/React 项目运行或者打包出现内存溢出解决方案相关推荐

最新文章

热门文章