Error: Cannot find module 'webpack-cli/bin/config-yargs'

Question

出于安全原因，“Github”要求我将“webpack-dev-server”更新到 3.1.11 或更高版本。

但是，'npm run dev' 不会在更新后运行。

我不解决这个问题

错误：找不到模块“webpack-cli/bin/config-yargs”

“package.json”的代码如下。

  "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

您可以尝试在 package.json 中的 npm run 脚本中更改webpack-dev-server为webpack serve

Answer 2

出于某种原因，webpack 团队将命令webpack serve 更改为Change your package.json：

"start": "webpack serve"

参考：https : //github.com/webpack/webpack-dev-server/issues/2759

我使用的版本：

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

Answer 3

我同意你必须从webpack3升级到 4，但具体来说这些是我必须做的步骤，首先，因为webpack-cli已经拆分成一个单独的包：

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

如此处所述：https : //webpack.js.org/guides/getting-started/#basic-setup

Answer 4

要修复它，只需做两件事。

1. 安装 npm i webpack-cli @webpack-cli/init
2. 将此添加到您的 package.json 中：

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

完毕！

Answer 5

删除 package-lock.json 文件。在 package.json 中更改以下内容。

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

运行 npm 安装

Answer 6

在 package.json文件中更改webpack-dev-server为。webpack serve

例如：

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

它对我有用！;-)

Answer 7

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

跑步：npm run start or npm start now