记录一次苹果电脑vite打包内存溢出的处理方法

最新推荐文章于 2024-08-01 18:24:22 发布

NeoTao

最新推荐文章于 2024-08-01 18:24:22 发布

阅读量463

点赞数 1

文章标签：前端 vue

本文链接：https://blog.csdn.net/weixin_40816648/article/details/133988452

版权

今天在打包项目中，发现报错，内存溢出的问题。

网上看了一些方法，有说装依赖来全局处理的。
有需要装cross-env来处理的。

我的想法是尽量能不装依赖，就不要装依赖，后来采用了一下解决方法。
在这里插入图片描述

node --max_old_space_size=4096 node_modules/vite/bin/vite.js build

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

NeoTao

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue3+vite 组件打包

04-16

5. **处理静态资源**：如有必要，配置Vite处理`public`目录下的静态资源，如图片、字体等。 6. **库模式打包**：如果组件作为库发布，需设置库导出，可能需要用到`rollup-plugin-vue`等插件，使组件可被其他项目引入...

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+...

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

分配更多v8内存，确保大项目能正常启动

weixin_54607676的博客

10-24

1609

果超出了V8引擎对Node默认的内存限制⼤⼩时则启动失败。若碰到此情况，可以手动设置 node 启动参数。在Node中通过JavaScript使⽤内存时只能使⽤部分内存（64位系统：1.4。如果前端项⽬比较庞⼤，Webpack编译时就会占⽤很多的系统资源，如。GB，32位系统：0.7 GB）。

npm run dev运行出现NODE_OPTIONS=--max_old_space_size=4096 vite --mode dev --host？

舒一笑的博客

02-19

4243

的问题，通常是因为Windows命令行（cmd）或PowerShell不像Unix或Linux的shell那样处理环境变量。，这样就不需要在每次运行命令时设置它了。但是，这会影响到系统中所有Node.js进程的内存限制，所以请根据实际情况谨慎使用。重启你的命令行工具后，更改将生效。使用这种方法，你就不需要在命令行中每次都设置环境变量了。工具，这是一个跨平台设置环境变量的Node.js工具。你还可以在Windows的系统环境变量中添加。命令应该能在Windows上正常工作，而且。脚本，以兼容Windows。

vue运行或打包报错 “‘node --max-old-space-size=10240“‘ 不是内部或外部命令

最新发布

D_Fortune的博客

08-01

561

"'node --max-old-space-size=10240"' 不是内部或外部命令，也不是可运行的程序解决办法：在 node_modules 文件夹搜索 "%_prog%" 替换成 %_prog% (即去掉双引号)

vite项目打包，内存溢出

徐同保的专栏

06-04

352

vite项目打包，内存溢出

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

weixin_54731282的博客

08-15

4326

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

vue系列（5）：常见问题集合

碰碰的博客

07-05

2075

1、node.js 执行 npm/cnpm命令时提示：Unexpected end of JSON input while parsing near 解决：命令行执行 npm cache clean --force 2、vue-cli项目修改运行端口号：解决：vuecli3中的端口文件存放目录为：node_modules/@vue/cliservice/lib/commands/serve.js，修改 port 对应的值即可 3、提示"Failed to resolve loader: les

nodejs内存溢出

buaichiluobo的博客

06-12

2953

nodejs内存溢出

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

qq_39842184的博客

07-07

2898

修改package.json的打包命令。

手写vite插件 - 打包后资源自动上传oss

10-08

Vite是由Vue.js作者尤雨溪开发的一款现代化的前端构建工具，它以其快速的热更新和按需编译特性在开发者社区中广受欢迎。而"手写vite插件 - 打包后资源自动上传oss"这个项目则进一步扩展了Vite的功能，使得构建完成后...

使用Vite打包工具+vue前端框架+JavaScript语言+tauri工具开发一个简单的PC端应用程序

01-15

使用Vite打包工具+vue前端框架+JavaScript语言+tauri工具配合Rust开发一个简单的PC端应用程序优点： 1. 打包后的应用程序比Electron打包的应用程序体积小10倍左右 2. 因为是Rust可以转为二进制语言调用系统API，...

关于MAC系统环境变量配置，执行npm install xxx 时报错npm error 没有权限permitted,sudo: 和npm：command not found的报错提示的解决办法

Jasonye1998的博客

11-03

825

在查找了众多资料的基础上，后来发现是系统升级的原因导致，苹果系统的 shell 和 GUI 似乎产生了脑裂问题，shell 不认为你是管理员了，但是 GUI 还认！在etc/sudoers 的 secure_path=后面，您可以添加可信任的路径，以确保只有在这些路径下的可执行文件才能被系统直接调用。按照他的说法执行替换，后来发现有更简便的方式，去操作这个sudoers的文件，这个文件在系统里默认是只读的，在文件右键-显示简介-共享与访问权限将系统、admin、和你的用户名添加读写权限就可以了。

‘“node --max-old-space-size=4096“‘ 不是内部或外部命令,也不是可运行的程序

taozi8957的博客

05-23

1036

删除node_modules文件夹，重新yarn install，再执行yarn run fix-memory-limit，再yarn build；

vite前端打包时内存溢出

qq_40588529的博客

11-30

1143

前端打包内存溢出

vue3+vite打包时JS内存溢出的问题

liochaoo的专栏

03-09

1624

项目使用的是 vue3 + vite，执行 npm run build:pro 打包时，node 报错 js 内存溢出，通过调整打包命令，解决了内存溢出的问题。

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

qq_42152032的博客

11-11

6944

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

【已解决】npm ERR! Invalid tag name “cross-env LIMIT=4096 increase-memory-limit“

09-26

264

jenkins报错解决、添加node服务器内存限制

vite打包的时候怎么做降级处理

07-22

在使用 Vite 打包时，你可以通过配置`vite.config.js`文件来进行降级处理。以下是一个示例的配置： ```javascript // vite.config.js import { defineConfig } from 'vite'; export default defineConfig({ build: { target: 'es2015', polyfillDynamicImport: false, assetsInlineLimit: 0, chunkSizeWarningLimit: 2000, rollupOptions: { output: { manualChunks: undefined } } } }); ``` 在上述配置中，我们对`build`选项进行了一些设置来实现降级处理： - `target: 'es2015'`：指定目标浏览器的最低版本为 ES2015，这样可以确保生成的代码可以在大多数现代浏览器中运行。 - `polyfillDynamicImport: false`：禁用动态导入的 polyfill，这样可以减小生成的代码体积。如果你的应用需要支持旧版本浏览器，可以考虑使用其他方式进行 polyfill。 - `assetsInlineLimit: 0`：将所有资源文件都作为独立的文件进行加载，而不是内联到 HTML 中。这样可以避免文件体积过大导致的加载问题。 - `chunkSizeWarningLimit: 2000`：设置打包时的代码块大小警告阈值。当某个代码块的大小超过该值时，会显示警告信息，帮助你优化代码分割。 - `rollupOptions: { output: { manualChunks: undefined } }`：禁用手动代码分割，使用默认的自动代码分割配置。通过以上配置，你可以实现在 Vite 打包时进行一些常见的降级处理，以提高应用的性能和兼容性。你也可以根据具体需求对配置进行调整。