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

【问题标题】：Error: Cannot find module 'webpack-cli/bin/config-yargs'错误：找不到模块“webpack-cli/bin/config-yargs”
【发布时间】：2020-04-23 23:12:33
【问题描述】：

出于安全原因，“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"
  ]

【问题讨论】：

请原谅我没有放所有代码，因为“看起来你的帖子主要是代码；请添加更多细节。”
你之前的 webpack-dev-server 版本是什么？
还有你是怎么更新版本的？
它是 2.11.5。什么是更新版本？ webpack-dev-server 更新？
2.x.x -> 3.x.x 是major 版本更新，因此它可能与您的其他依赖项不兼容。我建议查看漏洞报告，以防万一它是次要的或不可能恢复更新。

标签： vue.js webpack webpack-dev-server

【解决方案1】：

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

例如：

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

它对我有用！ ;-)

【讨论】：

【解决方案2】：

你必须检查以找出 webpack、webpack-cli 和 webpack-dev-server 的最新版本，当你有这些信息时，编辑 package.json 以反映这些版本并运行 yarn install --check-files 然后你'必须使用命令“npx webpack serve”启动 webpack-dev-server

【讨论】：

【解决方案3】：

在 package.json 中的脚本中使用 webpack serve 而不是 webpack-devserver

【讨论】：

【解决方案4】：

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

运行：npm run start or npm start now

【讨论】：

【解决方案5】：

由于某种原因，webpack 团队将命令更改为 webpack serve 更改你的 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"

【讨论】：

【解决方案6】：

这是因为 webpack-cli 的版本。在某些版本中，没有 config-yargs.js 文件。所以^3.3.11 版本的 webpack-cli 对我有用。试试看：

npm i webpack-cli@^3.3.11

【讨论】：

【解决方案7】：

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

安装 npm i webpack-cli @webpack-cli/init

将此添加到您的 package.json 中：

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

完成！

【讨论】：

感谢您的帮助，我关注所有事物和许多博客，但这对我有用。请添加一些扩展。

【解决方案8】：

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

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

运行 npm 安装

【讨论】：

【解决方案9】：

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

【讨论】：

这是一个有用的答案，特别是当您的项目有这些版本时webpack": "^5.2.0webpack-cli": "^4.1.0webpack-dev-server": "^3.11.0
我遇到了同样的问题，但我找不到解决方法......但是，这是完美的答案......正如@Mark所说......非常适合他提到的版本以上...谢谢。
这个答案救了我！谢谢。
我收到了上面关于 rails 6 和 yarn 的错误信息。我的 package.json 里面没有脚本命令。 @Gakis41 你知道如何处理吗？
@Phipsen 你能分享你的 package.json 吗？你在 devDependencies 中安装了 webpack 和 webpack-cli 吗？

【解决方案10】：

我同意您必须从 webpack 3 升级到 4，但具体来说，这些是我必须首先执行的步骤，因为 webpack-cli 已被拆分为单独的包：

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

这里解释：https://webpack.js.org/guides/getting-started/#basic-setup

【讨论】：

【解决方案11】：

webpack 核心团队表示form version 3+ 兼容性将集中在 webpack 4 上

所以我认为您还需要将 webpack 3 更新为 webpack 4

此文档可能会帮助您实现这一目标 https://webpack.js.org/migrate/4

【讨论】：

我已经解决了这个问题，但感谢您的关注。