node启动大型vue项目内存溢出

本文介绍了在启动Vue2项目时遇到的JavaScript内存溢出异常以及后续的node-sass相关错误。作者尝试了更换更高版本的Node.js,但遇到了新的错误。最终通过卸载并重新安装指定版本的sass-loader和node-sass,以及替换/deep/为::v-deep解决了问题。
摘要由CSDN通过智能技术生成

JavaScript内存溢出异常

最近在启动公司的vue2脚手架项目的时候,由于前台项目太大,运行npm run serve的时候,一直启动不成功

报错如下:

在这里插入图片描述

后台我百度了很多很多方法,也试了很多很多方法,都不管用,解决这个问题用了我整整一天半的时间!如果你们用了其他方法也都不管用的话,可以试试我的方法。

解决方法

  1. 由于我的node版本是14.19.1,我就想着,换个高点的版本试试,于是我把这个删掉,又去下载了16.15.1的最新稳定版。

  2. 下载好以后,然后再运行项目,不报内存溢出的错了,改为这个错了:(C:\Python27\python.exe文件找不到)

    img

  3. 去网上搜了,说node-sass版本不对,去网上搜了,然后有对应版本下载

    在这里插入图片描述

  4. 然后我又去下载了node-sass6.0的版本,再运行项目,又报错,说windows不支持啥的,我不信没有解决方法,就多点开了几个网页,结果终于让我找到一个解决了的: 升级 node16 后 vue 项目中 sass 报错踩坑记录 - 简书 (jianshu.com)

  5. 根据上面的步骤,我运行了如下命令终于解决掉问题了

    # 卸载
    npm uninstall node-sass sass-loader
        
    npm install -D sass-loader@^10 sass
    
  6. 按照官方的说法,需要安装 10.x 版本的 sass-loader 以配合 webpack4,并卸载被 node16 抛弃的 node-sass ,取而代之安装 sass 即可解决问题。

  7. 这时候需要将 /deep/ 替换成 ::v-deep

在这里插入图片描述

  1. 然后再启动项目就可以启动成功啦!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值