Error: la regla solo puede tener una fuente de recursos (recurso proporcionado y prueba + incluir + excluir)

hola tengo el siguiente error tengo una app en vuejs andaba bien el error aparecio de repente reinstale todo limpie cache y no encuentro la forma de solucionarlo espero su ayuda

Error: la regla solo puede tener una fuente de recursos (recurso proporcionado y prueba + incluir + excluir) en

  "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 ]

¡Eliminar el paquete web e instalar la versión anterior funcionó para mí!

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

Encontré exactamente este error hoy, y mi solución para solucionarlo fue revertir los cambios en mi paquete-lock.json.

Entonces un npm prune para eliminar paquetes inútiles y npm update para estar al día.

Rebajé a "webpack": "^4.45.0" Y funcionó. cambié la línea "webpack": "^4.45.0" en package.json y despues de eso ejecuto el comando npm update

mi problema era que en package.json tenia “webpack”: ‘latest’, esto generaba conflictos, lo que hice fue volver a la version 4.44.0 de webpack y mi problema fue solucionado

Probablemente relacionado con el último Node (versión 15) y npm (versión 7).

Mi caso de uso fue ligeramente diferente, pero tuve el mismo problema en Dockerfile. Tuve que cambiar de node:alpine a node:lts-alpine

Localmente, todo funcionó con Node LTS, que usa el nodo 14.15.0 y npm 6.14.8, pero Dockerfile estaba usando las últimas versiones.

Estas son las versiones más altas que pude lograr en el paquete.json sin desencadenar el problema mencionado. Puede agregar Vue 2 o 3 y las bibliotecas restantes sin problemas.

Versiones requeridas recomendadas después de la corrección de auditoría de npm

Eliminar ‘node-sass’ y agregar ‘sass’

"dependencies": {
    "core-js": "^3.21.0"
},
"devDependencies": {
    "sass": "^1.60.0",
    "sass-loader": "^10.2.1",
    "webpack": "^5.77.0"
},

Mínimo requerido con advertencias de obsolescencia

"dependencies": {
    "core-js": "^3.21.0"
},
"devDependencies": {
    "node-sass": "^6.0.1",
    "sass-loader": "^10.2.1",
    "webpack": "^4.46.0"
},

Después de esa carrera npm update

Tuvimos este problema y la versión anterior del paquete web no quería funcionar debido a css-loader requiere paquete web 5.

Sin especificar la versión css-loader se actualizaría a la versión 5, que no es compatible con el paquete web 3/4.

La solución resultó ser la codificación css-loader a versión 3.6.0:

{
  ...
  "dependencies": {
    "core-js": "3.15.2",
    "vue": "^3.2.20",
    "vue-router": "^4.0.11",
    "vuex": "^4.0.2",
    "vuex-persist": "^3.1.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.14",
    "@vue/cli-plugin-router": "~4.5.14",
    "@vue/cli-plugin-vuex": "~4.5.14",
    "@vue/cli-service": "~4.5.14",
    "@vue/compiler-sfc": "^3.0.0",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "vue-loader": "^15.9.7",
    "vue-template-compiler": "^2.6.14"
  },
  "peerDependencies": {
    "css-loader": "3.6.0"
  }
}

La parte importante aquí es la peerDependencies parte. Después de esto, asegúrese de eliminar package-lock.json y node_modulesy volver a ejecutar npm i.