1、升级nodejs版本
方法一:nodejs卸载安装16版本
方法二:下载nvm来控制版本
nvm的简介、安装、使用(简单明了)_仰.的博客-CSDN博客
nvm最好还是去githubReleases · coreybutler/nvm-windows · GitHub下载最新版本的。
2、解决版本之间的兼容问题
版本兼容问题主要就是node-sass和sass-loader版本兼容问题,我遇到的情况就是使用16.15.1版本不兼容,https://www.cnblogs.com/hhl1011/p/16336459.html 这篇文章是16对应的版本。但是我同事升级至16具体什么版本不知道加上--legacy-peer-deps这个参数是可以成功的。我要升级到16.20.1再加上上面的参数才能成功。
npm install --legacy-peer-deps
https://zhuanlan.zhihu.com/p/506596270
3、更换node-sass为sass
如果你使用过 sass ,应该了解多年来 node-sass 一直是 JavaScript 社区里的主流选择,它实际上只是 libsass 在 node 环境下的一个 wrapper, 编译 sass 文件的实际工作是 libsass 完成的。
在使用 node-sass 过程中遇到的很多问题实际上也是 libsass 引发的,libsass 是用 C/C++ 实现的,常见的问题是,在安装 node-sass 的过程中经常会出现安装失败的情况,又或者切换了 Node.js 版本发现 node-sass 需要重新安装才能用,如果你在 docker 中安装 node-sass 还会遇到由于缺少各种依赖导致 node-sass build 失败的情况,又或者在国内由于网络原因导致 node-sass 需要的二进制文件下载不下来而 build 失败。
不使用node-sass更换为sass vue还需要配置
module.exports = {
css: {
loaderOptions: {
sass: {
implementation: require('sass'), // This line must in sass option
},
},
},