[에러이슈] Error: Rule can only have one resource source (provided resource and test + include + exclude)

vue.js 사용 오류

 

 INFO  Starting development server...
 ERROR  Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "D:\\forTest\\vue-cli\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory": "D:\\forTest\\vue-cli\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "5ee75e4e"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader": "D:\\forTest\\vue-cli\\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": "D:\\forTest\\vue-cli\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory": "D:\\forTest\\vue-cli\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "5ee75e4e"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader": "D:\\forTest\\vue-cli\\node_modules\\babel-loader\\lib\\index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}
    at checkResourceSource (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:167:11)
    at Function.normalizeRule (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:198:4)
    at rules.map (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:110:20)
    at Array.map (<anonymous>)
    at Function.normalizeRules (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:109:17)
    at new RuleSet (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\RuleSet.js:104:24)
    at new NormalModuleFactory (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\NormalModuleFactory.js:115:18)
    at Compiler.createNormalModuleFactory (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Compiler.js:636:31)
    at Compiler.newCompilationParams (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Compiler.js:653:30)
    at Compiler.compile (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Compiler.js:661:23)
    at compiler.hooks.watchRun.callAsync.err (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Watching.js:77:18)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\forTest\vue-cli\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:24:1)
    at AsyncSeriesHook.lazyCompileHook (D:\forTest\vue-cli\node_modules\tapable\lib\Hook.js:154:20)
    at Watching._go (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Watching.js:41:32)
    at Watching.compiler.readRecords.err (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Watching.js:33:9)
    at Compiler.readRecords (D:\forTest\vue-cli\node_modules\@vue\cli-service\node_modules\webpack\lib\Compiler.js:529:11)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-cli@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-cli@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\CHOISUJIN\AppData\Roaming\npm-cache\_logs\2020-11-03T08_18_43_411Z-debug.log

 

 

검색:

stackoverflow.com/questions/64373393/error-rule-can-only-have-one-resource-source-provided-resource-and-test-incl

 

해결 Solution: 

npm uninstall webpack
npm install webpack@^4.0.0 --save-dev