目录
  • vue项目内存溢出的解决
  • vue项目内存溢出问题
    • 问题
    • 解决方法1
    • 解决方法2
  • 总结

    vue项目内存溢出的解决

    最近在对原有项目进行迭代升级，有用代码越来越多，导致内存溢出了。

    正常启动运行还是可以的，但是 只要对代码进行简单修改，在热更新的时候项目就会直接崩掉。这就导致了10分支的开发差不多有7分钟的时间在重启项目，严重影响开发效率，让人上火。

    刚好同事之前也遇到过，特点问了一下解决方式。

    说下解决

    npm install -g increase-memory-limit
npx cross-env LIMIT=4000 increase-memory-limit

    先全局安装增加项目运行内存的依赖，然后修改内存限制（4000是4000kb，我项目用到是6000）。

    最后删掉依赖，重新下载，重新启动项目即可。

    vue项目内存溢出问题

    young object promotion failed Allocation failed – JavaScript heap out of memory

    在开前端项目如果非常的庞大，webpack 编译时就会占用很多的系统资源，如果超出了V8对 Node 默认的内存限制大小就会出现内存溢出问题

    提示：以下是本篇文章正文内容，下面案例可供参考

    问题

    FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed – JavaScript heap out of memory
    npm ERR! code ELIFECYCLE
    npm ERR! errno 134
    npm ERR! study-model-dmo@1.0.0 dev: `webpack-dev-server –inline –progress –config build/webpack.dev.conf.js`
    npm ERR! Exit status 134
    npm ERR!
    npm ERR! Failed at the study-model-dmo@1.0.0 dev 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!     D:\work\tools\node\node_cache\_logs\2021-07-06T01_29_07_637Z-debug.log

    解决方法1

    在node_modules.bin下的webpack-dev-server文件中添加 –max_old_space_size=4096，可以根据项目调整大小

    vue项目内存溢出问题及解决方案

    解决方法2

    如果上面方法没有用，可以尝试升级nodejs的版本，或重新安装nodejs

    总结

    以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

    声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。