Nuxt安装报错：规则只能有一个资源源（提供资源和测试+包含+排除）

Question

我成功安装了 Vuejs 和 Nodejs，但是在安装 Nuxtjs 时遇到了问题。这就是我得到的。我已经问了一些朋友，但没有成功。谢谢你的帮助 ！ :)

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

Rule can only have one resource source (provided resource and test + include + exclude) in {
  "use": [
    {
      "loader": "C:\\Users\\User\\Desktop\\JS\\my-first-project\\node_modules\\babel-loader\\lib\\index.js",
      "options": {
        "configFile": false,
        "babelrc": false,
        "cacheDirectory": true,
        "envName": "server",
        "presets": [
          [
            "C:\\Users\\User\\Desktop\\JS\\my-first-project\\node_modules\\@nuxt\\babel-preset-app\\src\\index.js",
            {
              "corejs": {
                "version": 3
              }
            }
          ]
        ]
      },
      "ident": "clonedRuleSet-30[0].rules[0].use[0]"
    }
  ]
}

  "use": [
  {
  "loader": "C:\\Users\\User\\Desktop\\JS\\my-first-project\\node_modules\\babel-loader\\lib\\index.js",
  "options": {
  "configFile": false,
  "babelrc": false,
  "cacheDirectory": true,
  "envName": "server",
  "presets": [
  [
  "C:\\Users\\User\\Desktop\\JS\\my-first-project\\node_modules\\@nuxt\\babel-preset-app\\src\\index.js",
  {
  "corejs": {
  "version": 3
  }
  }
  ]
  ]
  },
  "ident": "clonedRuleSet-30[0].rules[0].use[0]"
  }
  ]
  }
  at checkResourceSource (node_modules\@nuxt\webpack\node_modules\webpack\lib\RuleSet.js:167:11)
  at Function.normalizeRule (node_modules\@nuxt\webpack\node_modules\webpack\lib\RuleSet.js:198:4)
  at node_modules\@nuxt\webpack\node_modules\webpack\lib\RuleSet.js:110:20
  at Array.map (<anonymous>)
  at Function.normalizeRules (node_modules\@nuxt\webpack\node_modules\webpack\lib\RuleSet.js:109:17)
  at new RuleSet (node_modules\@nuxt\webpack\node_modules\webpack\lib\RuleSet.js:104:24)
  at new NormalModuleFactory (node_modules\@nuxt\webpack\node_modules\webpack\lib\NormalModuleFactory.js:115:18)
  at Compiler.createNormalModuleFactory (node_modules\@nuxt\webpack\node_modules\webpack\lib\Compiler.js:636:31)
  at Compiler.newCompilationParams (node_modules\@nuxt\webpack\node_modules\webpack\lib\Compiler.js:653:30)
  at Compiler.compile (node_modules\@nuxt\webpack\node_modules\webpack\lib\Compiler.js:661:23)
  at node_modules\@nuxt\webpack\node_modules\webpack\lib\Watching.js:77:18
  at AsyncSeriesHook.eval [as callAsync] (eval at create (node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:22:1)
  at AsyncSeriesHook.lazyCompileHook (node_modules\tapable\lib\Hook.js:154:20)
  at Watching._go (node_modules\@nuxt\webpack\node_modules\webpack\lib\Watching.js:41:32)
  at node_modules\@nuxt\webpack\node_modules\webpack\lib\Watching.js:33:9
  at Compiler.readRecords (node_modules\@nuxt\webpack\node_modules\webpack\lib\Compiler.js:529:11)

Answer 1

当我在 Nuxt v2 项目中安装最新版本的 copy-webpack-plugin 时，这发生在我身上。显然它不使用 webpack5，所以我不得不将 copy-webpack-plugin 降级到最后一个兼容版本，例如复制webpack-plugin@4.6.0

Answer 2

npm i -D webpack@^4.46.0 试试这个，它对我有用。

Answer 3

我今天遇到了同样的问题，它似乎与 npm 依赖项解析问题有关。

我在nuxt.js repository 中打开了一个问题

在我的项目中，问题出现了，原因是@nuxtjs/eslint-module，您可以删除它并重新生成依赖项：

• npm uninstall @nuxtjs/eslint-module
• rm -rf node_modules package-lock.json
• npm install

您的构建命令中将不再有 eslint 反馈，但您仍然可以使用 npm run lint，并且您将能够使用 nuxt，直到问题得到解决。