node.js - Vuejs错误: Rule can only have one resource source (provided resource and test + include + exclude)

标签 node.js vue.js npm vuejs2

所以我有一个正在开发的 vuejs 项目,我必须重新安装 npm Node 模块,所以我运行了 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```

最佳答案

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

npm install -D sass-loader node-sass

关于node.js - Vuejs错误: Rule can only have one resource source (provided resource and test + include + exclude),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65013730/

相关文章:

node.js - Nightmare JS : how to set cookie?

javascript - Puppeteer:获取 innerHTML

node.js - 发生 Express 错误时 pm2 不会重新启动工作程序

css - Flexbox 子项高度及其内容

javascript - npm 漏洞对前端重要吗?

npm - 如何在 VS2015 中禁用 "npm install"

javascript - multi或upsert设置为true后,MongoDB不更新记录并且promise保持失败

node.js - 使用 Redis 和 Socket.io 在 Laravel 5.2 中进行事件广播

javascript - Vuex 将状态对象默认设置为状态数组中的对象

javascript - 如何在 v-datatable 中使用带有动态数组的 v-switches v-model