Error: Rule can only have one resource source (provided resource and test + include + exclude)

vue项目运行npm run dev / npm run serve后报错：

Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
  "type": "javascript/auto",
  "include": [
    {}
  ],
  "use": []
}
    at checkResourceSource (D:\Program Files\vue_shop\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:167:11)
    at Function.normalizeRule (D:\Program Files\vue_shop\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:198:4)
    at D:\Program Files\vue_shop\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:110:20
    at Array.map (<anonymous>)
    at Function.normalizeRules (D:\Program Files\vue_shop\node_modules\@vue\cli-
    ```
    Process finished with exit code 1

问题原因：

webpack版本冲突问题。

某些新版本的库要求 webpack@5，更新依赖时，根据依赖选择的规则，就以 webpack@5 作为主依赖安装。然而 @vue/cli 依赖 webpack@4，它自带的 webpack 配置无法兼容 webpack@5 ，于是就报错，不能继续编译。如果你也在使用 @vue/cli，那么请不要贸然升级 webpack@5。摘自https://blog.csdn.net/Amnesiac666/article/details/113929302

按照其解决方式处理发现webpack 和之前安装的less,less-loader版本有冲突似的

总的解决方案如下：

//卸载webpack 
npm uninstall webpack
//安装指定版本的webpack
npm install webpack@4.0.0 --save-dev

npm uninstall less-loader
npm uninstall less

//安装符合版本的less和less-loader
npm install less@3.9.0 less-loader@4.1.0 --save-dev

参考文章：
webpack和less-loader版本冲突问题报错Rule can only have one resource source