12
votes

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

'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 fonctionnera pas après la mise à jour.

Je ne résout pas ce problème

Le code de '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"
  ]

webpack vue.js webpack-dev-server

6 commentaires

Veuillez m'excuser de ne pas avoir mis tous les codes car "Il semble que votre message soit principalement du code; veuillez ajouter quelques détails."

Quelle était votre version précédente de webpack-dev-server?

Aussi comment avez-vous mis à jour la version?

C'était 2.11.5. Et quelle est la version mise à jour? mise à jour webpack-dev-server?

2.xx -> 3.xx est une mise à jour de version majeure , elle peut donc ne pas être compatible avec le reste de vos dépendances. Je suggère de consulter le rapport de vulnérabilité et au cas où cela serait mineur ou improbable, annuler la mise à jour.

J? ai compris. Merci.

7 Réponses :

1
votes

L'équipe de base de webpack dit que la version 3+ de la compatibilité se trouvera sur le webpack 4

donc je pense que vous devez également mettre à jour webpack 3 vers webpack 4

ce document peut vous aider à y parvenir https://webpack.js.org/migrate/4

1 commentaires

J'ai déjà résolu ce problème, mais merci pour votre attention.

7
votes

Je suis d'accord que vous devez mettre à niveau du webpack 3 vers 4, mais ce sont précisément les étapes que je devais faire, d'abord, car webpack-cli a été divisé en un package séparé:

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

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

0 commentaires

35
votes

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

3 commentaires

C'est une réponse utile en particulier lorsque votre projet a ces versions webpack": "^5.2.0 webpack-cli": "^4.1.0 webpack-dev-server": "^3.11.0

J'ai eu le même problème et je ne pouvais pas trouver un moyen de le résoudre ... mais, c'est la réponse parfaite ... et comme @Mark l'a dit ... Fonctionne parfaitement pour les versions qu'il a mentionnées ci-dessus ... Merci.

Cette réponse m'a sauvé! MERCI.

11
votes

Supprimez le fichier package-lock.json. Changez de suite dans package.json.

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

Exécutez l'installation de npm

0 commentaires

10
votes

Pour le réparer, faites simplement 2 choses.

Installez npm i webpack-cli @webpack-cli/init

Ajoutez ceci à votre package.json:

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

Terminé!

1 commentaires

Merci pour l'aide, je suis toutes choses et de nombreux blogs mais cela fonctionne pour moi. Veuillez ajouter une extension.

0
votes

Ce processus fonctionne pour moi

1 - Exécutez votre commande Invite / Terminal en tant qu'administrateur

2 - Installez la CLI Vue globalement avec la commande:

npm run dev

3 - Créez votre projet vue

npm audit fix

4 - Accédez au répertoire de votre projet

cd your_project_name_here

5 - Si vous avez des vulnérabilités exécutez:

vue init webpack your_project_name_here

Vous pouvez maintenant démarrer le serveur Web en mode développement en utilisant npm de la manière suivante:

npm install -g vue-cli

Par défaut, il démarrera le serveur sur le port 8080

0 commentaires

0
votes

C'est à cause de la version de webpack-cli. Dans certaines versions, il n'y a pas de fichier config-yargs.js. Donc, la version ^3.3.11 de webpack-cli a fonctionné pour moi. Essayez-le:

npm i webpack-cli@^3.3.11

0 commentaires