VITE+VUE3打包内存溢出问题

Het12345

于 2024-10-09 15:13:44 发布

阅读量526

点赞数 7

文章标签： vue.js 前端 javascript node.js

本文链接：https://blog.csdn.net/Het12345/article/details/142787299

版权

打包时报错内存不足，结束打包

不阐述原因了，直接说解决办法

1. 命令行方式解决

"build": "vite build",
修改为
"build": "node --max_old_space_size=8192 node_modules/vite/bin/vite.js build"

如果8192还是报错，可以继续加，为1024的倍数

2. 插件方式解决，可以去看其他博主

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Het12345

关注关注

7
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue3 - Vite 使用 vite-plugin-require-transform 插件运行或打包时出现报错，vue3 + vite 项目执行 build 打包时出现各种问题错误（保证完美解决）

王佳斌

01-01

6213

vue3，vite，vite-plugin-require-transform，打包报错，运行报错，npm run build出现一堆报错，执行打包命令后出现报错怎么办，vue3+vite使用vite-plugin-require-transform插件build打包时报错如何解决，vue3项目中运行打包出现了很多警告提示报错，vue3使用阿里云ali-oss插件sdk导致打包报错解决方法，vue引入ali-oss阿里云oss的sdk运行build打包时报错，vite打包失败，import * as _vi

vue项目build打包时报错 “JavaScript heap out of memory” 的解决办法

01-08

今天在执行npm run build 的时候突然出现下面图片所示错误这个错误的意思时内存溢出，为什么会内存溢出呢？原来 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。当前端项目非常庞大时，编译时会占用很多资源，所以就会出现内存溢出的问题。以下是我的问题解决方法 cd到我们的项目目录下执行 // windows set NODE_OPTIONS=--max_old_space_size=4096 // mac/linux export NODE_OPTIONS=

参与评论您还未登录，请先登录后发表或查看评论

vue3+vite项目打包内存溢出

最新发布

fengyanwangwujin的博客

09-27

297

处理大量数据或者存在内存泄漏。

记vite打包vue项目内存溢出问题解决

weixin_44013965的博客

08-14

2402

解决vite打包vue项目内存溢出问题

vite前端打包时内存溢出

qq_40588529的博客

11-30

1220

前端打包内存溢出

vite 打包时内存溢出解决方案

weixin_54731282的博客

08-15

4657

从 2017 年 8 月发布的 Node.js v8.0 开始，您现在可以使用NODE_OPTIONS 环境变量全局设置。服务器内存限制，全局安装。

Vite与Webpack打包内存溢出问题优雅处理方式

yuanjinshenglife的专栏

02-02

4162

在Vite或Webpack环境下优雅处理前端工程打包时内存溢出问题，不安装插件方式处前端打包内存溢出问题

【记录贴】vite打包内存溢出问题FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

qq_39842184的博客

07-07

3057

修改package.json的打包命令。

VITE打包时内存溢出问题解决 FATAL ERROR: Ineffective mark-compacts near heap limit

xianyus4mA的博客

04-04

2729

vite项目打包内存泄露问题

vue3+vite build打包内存溢出 Reached heap limit Allocation failed -JavaScript heap out of memory

qq_42152032的博客

11-11

7187

从node_modules文件夹中检索 ../dist/node --max-old-space-size=10240/cli'修改为 require('../dist/node/cli')

vite+vue3使用模块化批量发布Mockjs接口

03-29

"vite+vue3使用模块化批量发布Mockjs接口"这个主题涵盖了如何在Vite搭建的环境中，结合Vue3和Mockjs来实现接口的模块化和批量处理。这将帮助开发者在实际API未准备好或者不便于调试时，快速模拟后端数据，提高开发...

vite+vue3动态模块化导入并使用pinia

03-25

在"vite+vue3动态模块化导入并使用pinia"的项目中，我们可以通过以下步骤实现动态模块化导入和使用Pinia： 1. **配置Vite**：在`vite.config.js`中，我们需要配置Vue3和Pinia的插件，如`@vitejs/plugin-vue`和`vite...

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化

05-12

vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...

vue3+vite+qiankun+monorepo框架

08-03

vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...

electron+vite+vue3+sqlite3基础框架

12-14

总结起来，"electron+vite+vue3+sqlite3基础框架"是一个为开发桌面应用提供便利的工具集合，它结合了现代前端的最佳实践，为开发者创造了一个高效、易用的开发环境。无论是对于新手还是经验丰富的开发者，这个框架都...

Vue3项目打包报错-内存溢出解决方法

qq_19688207的博客

09-13

788

打包：npm run build。

vue打包内存溢出解决方案 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed

zxhadolph的博客

04-16

2505

在vue项目太大的时候运行项目会出现这个错误那么，解决的办法，很多人会找到，全局安装increase-memory-limit 命令行cmd dos窗口运行：cnpm install -g increase-memory-limit 进入项目文件夹，运行：increase-memory-limit 那么，这么安装后，再运行项目，可能会出现 node --max-old-space-size不是内部命令的错误，那么怎么处理呢，在项目的 node_modules/bi...

Jenkins前端打包内存溢出问题

有情怀的程序员的博客

04-11

6236

1.问题公司项目vue构建，体积比较庞大，在Jenkins上构建时，有新的内容提交时，第一次npm run build必失败，报内存溢出错误如下所示： 2.解决过程看报错信息是JavaScript堆内存不足。查阅一些资料说是node基于V8引擎，在使用内存时只能使用部分内存，64位系统约为1.7G，项目太大这种限制会很坑，第一个想法是突破这种内存限制，网上也有很多这种方...

vite+vue3打包文件加版本号

12-29

根据提供的引用内容，我无法找到关于vite+vue3打包文件加版本号的具体信息。但是，我可以为您提供一个使用vite和vue3构建项目的基本步骤，并在构建过程中为文件添加版本号。 1. 首先，确保您已经装了Node.js和npm。您可以在命令行中运以下命令来检查它们的版本```shell node -v npm -v ` 2. 创建一个新的项目文件夹，并在命令行中导航到该文件夹： ```shell mkdir my-project cd my-project ``` 3. 使用以下命令初始化一个新的vite项目： ```shell npm init vite@latest ``` 在初始化程中，您将被要求选择项目模板。选择vue作为您的项目模板。 4. 安装项目依赖： ```shell npm install ``` 5. 在项目根目录下创建一个`vite.config.js`文件，添加以下内容： ```javascript import { defineConfig } from 'vite'; export default defineConfig({ build: { rollupOptions: { output: { // 为文件添加版本号 entryFileNames: '[name]-[hash].js', chunkFileNames: '[name]-[hash].js', assetFileNames: '[name]-[hash].[ext]', }, }, }, }); ``` 6. 运行以下命令来构建项目： ```shell npm run build ``` 构建完成后，您将在项目的`dist`文件夹中找到打包后的文件，这些文件将带有版本号。请注意，以上步骤仅提供了一个基本的示例，用于使用vite和vue3构建项目并为文件添加版本号。具体的配置和实现方式可能因您的项目需求而有所不同。