vue中npm run build打包报错

最新推荐文章于 2024-03-01 18:34:40 发布

想太多会累i

最新推荐文章于 2024-03-01 18:34:40 发布

阅读量3.7k

点赞数 1

文章标签： vue.js npm sass

本文链接：https://blog.youkuaiyun.com/w15635748705/article/details/124784882

版权

本文讲述了Vue项目在构建过程中遇到的webpack配置错误，通过删除node_modules和package-lock.json，调整webpack版本及依赖，最终成功打包的详细过程。适合开发者解决类似Webpack冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目在`npm run build` 的时候报错

错误信息如下：

Error: Rule can only have one resource source
 (provided resource  and 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/

最后打包完成
在这里插入图片描述