错误:规则只能有一个资源源(提供的资源和测试+包含+排除)

Jua*_*ata 34 javascript node-modules webpack vue.js

你好我有以下错误,我在vuejs中有一个应用程序,它运行良好,错误突然出现,重新安装了所有东西,清理缓存,我找不到解决方法,希望你的帮助

错误:规则中只能有一个资源源(提供的资源和测试+包含+排除)

  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "/Users/juanpablo/front-treatments/node_modules/cache-loader/dist/cjs.js",
      "options": {
        "cacheDirectory": "/Users/juanpablo/front-treatments/node_modules/.cache/babel-loader",
        "cacheIdentifier": "81fef5a6"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader": "/Users/juanpablo/front-treatments/node_modules/babel-loader/lib/index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
} ````
A complete log of this run can be found in:
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   '/Users/juanpablo/.nvm/versions/node/v12.19.0/bin/node',
1 verbose cli   '/Users/juanpablo/.nvm/versions/node/v12.19.0/bin/npm',
1 verbose cli   'run',
1 verbose cli   'serve'
1 verbose cli ]
2 info using npm@6.14.8
3 info using node@v12.19.0
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle vue-dashboard@0.1.0~preserve: vue-dashboard@0.1.0
6 info lifecycle vue-dashboard@0.1.0~serve: vue-dashboard@0.1.0
7 verbose lifecycle vue-dashboard@0.1.0~serve: unsafe-perm in lifecycle true
8 verbose lifecycle vue-dashboard@0.1.0~serve: PATH: /Users/juanpablo/.nvm/versions/node/v12.19.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/juanpablo/front-treatments/node_modules/.bin:/Users/juanpablo/.nvm/versions/node/v12.19.0/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/juanpablo/.rvm/bin
9 verbose lifecycle vue-dashboard@0.1.0~serve: CWD: /Users/juanpablo/front-treatments
10 silly lifecycle vue-dashboard@0.1.0~serve: Args: [ '-c', 'vue-cli-service serve' ]
11 silly lifecycle vue-dashboard@0.1.0~serve: Returned: code: 1  signal: null
12 info lifecycle vue-dashboard@0.1.0~serve: Failed to exec serve script
13 verbose stack Error: vue-dashboard@0.1.0 serve: `vue-cli-service serve`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/Users/juanpablo/.nvm/versions/node/v12.19.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:314:20)
13 verbose stack     at ChildProcess.<anonymous> (/Users/juanpablo/.nvm/versions/node/v12.19.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:314:20)
13 verbose stack     at maybeClose (internal/child_process.js:1021:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid vue-dashboard@0.1.0
15 verbose cwd /Users/juanpablo/front-treatments
16 verbose Darwin 19.6.0
17 verbose argv "/Users/juanpablo/.nvm/versions/node/v12.19.0/bin/node" "/Users/juanpablo/.nvm/versions/node/v12.19.0/bin/npm" "run" "serve"
18 verbose node v12.19.0
19 verbose npm  v6.14.8
20 error code ELIFECYCLE
21 error errno 1
22 error vue-dashboard@0.1.0 serve: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the vue-dashboard@0.1.0 serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
Run Code Online (Sandbox Code Playgroud)

Cvi*_*ent 69

感谢那 !

我刚刚遇到了同样的问题

删除 webpack 并安装以前的版本也对我有用!

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

  • 请注意,在我的“vue-cli”生成的项目中,我还必须将“vue-loader”降级为“^14”,将“css-loader”降级为“^4”,以解决构建过程中的兼容性问题。 (3认同)

rcp*_*rso 6

我今天遇到了这个错误,我解决这个问题的解决方案是恢复我的 package-lock.json 中的更改。

然后是npm prune删除无用的软件包并npm update保持最新状态。

  • 这应该是公认的答案。其他人都通过恢复解决了这个问题。这解决了 webpack 5 本身的问题 (2认同)

Jua*_*ata 6

我的问题是在 package.json 中有 "webpack": 'latest',这产生了冲突,我所做的是回到 webpack 的 4.44.0 版本,我的问题解决了


小智 6

可能与最新的 Node(版本 15)和 npm(版本 7)有关。

我的用例略有不同,但我在 Dockerfile 中遇到了同样的问题。不得不从node:alpine改为node:lts-alpine

在本地,一切都与 Node LTS 一起使用,Node LTS 使用 node 14.15.0 和 npm 6.14.8,但 Dockerfile 使用的是最新版本。


Den*_*nny 6

我降级到"webpack": "^4.45.0"并且它起作用了。


Her*_*him 6

这些是我可以在 package.json 上实现的最高版本,而不会触发上述问题。您可以毫无问题地添加 Vue 2 或 3 以及其余库。

npm 审核修复后推荐的所需版本

删除“node-sass”并添加“sass”

"dependencies": {
    "core-js": "^3.21.0"
},
"devDependencies": {
    "sass": "^1.60.0",
    "sass-loader": "^10.2.1",
    "webpack": "^5.77.0"
},
Run Code Online (Sandbox Code Playgroud)

带有弃用警告的最低要求

"dependencies": {
    "core-js": "^3.21.0"
},
"devDependencies": {
    "node-sass": "^6.0.1",
    "sass-loader": "^10.2.1",
    "webpack": "^4.46.0"
},
Run Code Online (Sandbox Code Playgroud)

之后运行npm update