Erreur : Impossible de trouver le module 'webpack-cli/bin/config-yargs'

Question

'Github' m'a demandé de mettre à jour 'webpack-dev-server' vers la version 3.1.11 ou supérieure pour des raisons de sécurité.

Cependant, 'npm run dev' ne s'exécutera pas après la mise à jour.

je ne résous pas ce problème

Erreur : Impossible de trouver le module 'webpack-cli/bin/config-yargs'

Le code pour 'package.json' est le suivant.

   "dependencies": {
    "@vue/cli-plugin-babel": "^3.5.1",
    "config": "^3.0.1",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
    "vue-jest": "^1.0.2",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.5.2",
    "webpack": "^3.12.0",
    "webpack-bundle-analyzer": "^3.3.2",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.1.14",
    "webpack-merge": "^4.1.0"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]

Answer 1

Vous pouvez essayer de changer webpack-dev-server en webpack serve dans votre script d'exécution npm dans package.json

Answer 2

Pour une raison quelconque, l'équipe webpack a changé la commande en webpack serve Modifiez votre package.json :

"start": "webpack serve"

Réf : https://github.com/webpack/webpack-dev-server/issues/2759

La version que j'utilise :

 "webpack": "^5.10.0",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0"

Answer 3

Pour le réparer, il suffit de faire 2 choses.

1. Installer npm i webpack-cli @webpack-cli/init
2. Ajoutez ceci à votre package.json :

    "scripts": {
     "start": "webpack-cli serve --mode development"
   },
   

Terminé!

Answer 4

Je suis d'accord pour dire que vous devez passer de webpack 3 à 4, mais ce sont précisément les étapes que j'ai dû faire, d'abord, car webpack-cli a été divisé en un package distinct :

 $ npm install webpack webpack-cli --save-dev

Comme expliqué ici : https://webpack.js.org/guides/getting-started/#basic-setup

Answer 5

Supprimez le fichier package-lock.json. Modifiez la suite dans package.json.

 "webpack": "^4.32.2",
"webpack-cli": "^3.3.0",
"webpack-dev-server": "^3.11.0"

Exécuter l'installation de npm