解决vue项目在npm run build打包的时候报错

今天使用vue项目在npm run build 的时候报错,上网搜了一圈,发现了这个教程,分享给大家。

错误信息如下:

Error: Rule can only have one resource source
 (provided resourceand test + include + exclude) in {}
 .....

这是直接采用最暴力的方法,这是一个webpack兼容性的问题:

// 首先将项目中的 node_modules 文件删除
// 然后将 package-lock.json 文件删除
// 最后 在 package.json 中搜索到 devDependencies
// 修改里面的webpack版本为:^4.23.0不行的话修改为 ^4.0.0
// 这里需要注意 node-sass 和sass-loader 版本
// 我的: 
npm i sass-loader@7.1.0 --save-dev
npm i node-sass@4.14.0 --save-dev
Node: v14.15.0 (LTS)
地址:https://nodejs.org/en/blog/release/v14.15.0/

最后打包完成

解决vue项目在npm run build打包的时候报错