Vuejs错误：规则只能有一个资源源（提供资源和测试+包含+排除）

Question

所以我有一个我正在处理的 vuejs 项目，我不得不重新安装 npm 节点模块，所以我运行了 NPM INSTALL。运行命令并尝试启动开发服务器后，它向我显示了很多错误。我尝试删除 node_modules 和 package.json.lock 并再次运行 NPM INSTALL 但出现了同样的错误。请问我该如何解决？提前致谢！这些是错误。

  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js",
      "options": {
        "cacheDirectory": "/Users/me/Desktop/projects/my_project/node_modules/.cache/babel-loader",
        "cacheIdentifier": "3763ed20"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader": "/Users/me/Desktop/projects/my_project/node_modules/babel-loader/lib/index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}
Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js",
      "options": {
        "cacheDirectory": "/Users/me/Desktop/projects/my_project/node_modules/.cache/babel-loader",
        "cacheIdentifier": "3763ed20"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader": "/Users/me/Desktop/projects/my_project/node_modules/babel-loader/lib/index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}
    at checkResourceSource (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/RuleSet.js:167:11)
    at Function.normalizeRule (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/RuleSet.js:198:4)
    at rules.map (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/RuleSet.js:110:20)
    at Array.map (<anonymous>)
    at Function.normalizeRules (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/RuleSet.js:109:17)
    at new RuleSet (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/RuleSet.js:104:24)
    at new NormalModuleFactory (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/NormalModuleFactory.js:115:18)
    at Compiler.createNormalModuleFactory (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Compiler.js:636:31)
    at Compiler.newCompilationParams (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Compiler.js:653:30)
    at Compiler.compile (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Compiler.js:661:23)
    at compiler.hooks.watchRun.callAsync.err (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Watching.js:77:18)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:24:1)
    at AsyncSeriesHook.lazyCompileHook (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/tapable/lib/Hook.js:154:20)
    at Watching._go (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Watching.js:41:32)
    at Watching.compiler.readRecords.err (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Watching.js:33:9)
    at Compiler.readRecords (/Users/me/Desktop/projects/my_project/node_modules/@vue/cli-service/node_modules/webpack/lib/Compiler.js:529:11)
npm ERR! code 1
npm ERR! path /Users/me/Desktop/projects/my_project
npm ERR! command failed
npm ERR! command sh -c vue-cli-service serve

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/me/.npm/_logs/2020-11-25T22_35_03_818Z-debug.log```

Answer 1

当我尝试在我的项目中包含 sass 时遇到了同样的错误，这对我有用：

npm install -D sass-loader node-sass