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

解决Webpack版本不兼容问题

最新推荐文章于 2021-08-11 21:46:08 发布

原创最新推荐文章于 2021-08-11 21:46:08 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#bug #node #webpack

报错解决专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在尝试运行Webpack项目时遇到的`Cannot find module 'webpack-cli/bin/config-yargs'`错误，该错误源于不同Webpack组件之间的版本冲突。作者发现Webpack 5和Webpack CLI 4与Webpack Dev Server 3.11.0之间存在不兼容性，并通过降级到`webpack：“^4.29.0`, `webpack-cli：“^3.3.12`和保持`webpack-dev-server：“^3.11.0`解决了问题。在调整版本后，项目能够正常运行。

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

- C:\Users\Administrator\Desktop\学习\06Vue\02模块化开发\02webpack\node_modules\webpack-dev-server\bin\webpack-dev-server.js

这种错误的原因是因为 webpack 或者 webpack-cli 版本过高
我这里原来使用的webpack 版本为 5*；webpack-cli 版本为 4*；但是webpack-dev-server的版本是 3.11.0。这存在版本兼容问题，所以只能降低 webpack 和 webpack-cli 版本。

降低 webpack 和 webpack-cli 版本后的版本号为：

"webpack": "^4.29.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"

在 npm run dev 后无报错可以使用。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

毛姆的酒馆

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
5
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

解决npm错误Error: Cannot find module ‘shelljs‘

有问题或资源连接有缺失的可以私信公众号新潮看世界获取

07-18

4105

结果在创建项目的时候出现了某些包下载不下来，一直出现deprecated信息，接着即使shelljs模块找不到。本来想着创建一个vue的项目，但是一直用的webstorm的破解版不好用了，就索性转向vscode吧。看到这里，我重复执行了好几遍，都不行，提示网络超时。看来国内的网络还真的是。...

记一个Error: Cannot find module ‘webpack-cli/bin/config-yargs问题

蛐蛐的博客

07-20

754

1.简介 webpack-dev-server和webpack-cli升级之后报出这个错误 "webpack": "^5.45.1", "webpack-bundle-analyzer": "^4.4.2", "webpack-cli": "^4.7.2", "webpack-dev-server": "^3.11.2", "webpack-hot-middleware": "^2.25.0", "webpack-merge": "^5.8.0"..

5 条评论您还未登录，请先登录后发表或查看评论

Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法

码飞_CC的博客

02-20

7781

安装webpack-dev-server包后，配置脚本"dev": "webpack-dev-server"，然后执行npm run dev发现报错： internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'webpack-cli/bin/config-yargs' 从错误信息我们可以看到其实是webpack-cli缺少了config-yargs模块造成的，我的包版本如下： "devDependen

Cannot find module ‘webpack-cli/bin/config-yargs

alize的博客

11-09

778

启动vue项目时报错:Cannot find module ‘webpack-cli/bin/config-yargs 出现这个错误的原因是webpack与webpack-dev-server的版本不兼容, 解决方法如下: 在本vue项目下输入: npm uninstall webpack -g npm uninstall -g webpack-dev-server 卸载完成后重新安装: npm...

webpack打包错误：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

icemwj的博客

08-11

232

安装 webpack-dev-server 包后，配置脚本 "dev": "webpack-dev-server"，然后执行npm run dev 发现报错：我的包版本如下：报错 Error: Cannot find module ‘webpack-cli/bin/config-yargs’ 的原因是当前的 webpack 5.x 和 webapck-cli 4.x 有冲突，解决办法如下： 1、卸载当前的 webpack-cli npm uninstall webpack-cli -D 2、安装

Error: Cannot find module 'webpack-cli/bin/config-yargs’解决方案

热门推荐

tomorrownan的博客

03-05

4万+

年前的项目启动一直没有问题，一个月没有维护，一个月后再次npm run dev 启动时，命令行报错 Error: Cannot find module 'webpack-cli/bin/config-yargs' 解决方法探索首先我本地package.json中对应版本信息如下：有网经说是webpack3.x版本和webpack-dev-server3.x版本不兼容，但是我这webpa...

输入指令npx webpack-dev-server报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法

p1967914901的博客

01-21

913

输入指令npx webpack-dev-server报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法输入指令：npx webpack-dev-server显示如下报错信息： C:\Users\ASUS\Desktop\JavaScript 代码\webpack实验>npx webpack-dev-server internal/modules/cjs/loader.js:983 throw err; ^ Err

error: cannot find module 'webpack-cli/bin/config-yargs'

09-23

如果Webpack CLI没有正确安装或配置，它可能无法找到所需的模块，从而导致出现类似“cannot find module 'webpack-cli/bin/config-yargs'”的错误。解决这个问题的方法包括： 1. 确认你已经全局安装了webpack-cli...

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

07-27

引用\[1\]和\[2\]中提到的错误"Error: Cannot find module 'webpack/bin/config-yargs'"通常是由于缺少webpack-cli模块导致的。在webpack4.0以上的版本中，需要安装webpack-cli来解决这个问题。你可以通过运行以下...

Error: Cannot find module ‘webpack-cli/bin/config-yargs‘ Require stack:

u014773932的博客

06-10

373

{ "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack serve --open --config webpack.config.js" }, "author": "hlf", ".

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

源辰_付鹏程

02-21

207

前文：在安装了webpack，webpack-cli 以及 webpack-server后，npm run dev出错原因：版本不兼容附带我目前的版本信息： "webpack": "^5.23.0", "webpack-cli": "^4.5.0", "webpack-dev-server": "^3.11.2" 参考网址：https://github.com/webpack/webpack-dev-server/issues/2759 解决方法：修改package.json..

Error: Cannot find module ‘webpack/bin/config-yargs‘ 报错原因, webpack@4.X踩的坑~

飞翔的熊blabla

09-22

9860

1 、使用webpack@4.32.2时,当我通过package.json的script去执行webpack-dev-server时, 报以下错误:　　 Error: Cannot find module 'webpack/bin/config-yargs' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15) at Function.Module._load (internal/mod..

出现Error: Cannot find module ‘webpack-cli/bin/config-yargs‘错误

Diandaoweizhi1的博客

05-31

591

运行webpack自动打包功能时，出现Error: Cannot find module 'webpack-cli/bin/config-yargs’错误：错误提示图：解决方案：将package.json中scripts字节下的指令webpack-dev-server换为webpack serve

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

bosstting的博客

03-10

255

Error: Cannot find module 'webpack-cli/bin/config-yargs’ 原因：webpack-cli 和 webpack-dev-server版本不兼容导致。在我的项目中，直接下载yarn add webpack webpack-cli --dev 会采用下载最新版本，因为导致webpack-cli 和 webpack-dev-server版本不兼容。解决:降低webpack-cli的版本【由4降为3】 1、卸载webpack-cli： yarn remove

Error: Cannot find module ‘webpack-cli/bin/config-yargs‘ 解决办法

weixin_46370867的博客

01-23

263

在webpack配置自动打包功能的时候，执行打包命令npm run dev报错： Error: Cannot find module ‘webpack-cli/bin/config-yargs’ 解决办法：删除node_modules文件夹在终端输入 npm install 执行打包命令：npm run dev 在浏览器中打开网址 http://localhost:8080/，找到文件打开运行即可 ...

在使用Webpack打包工具出现错误：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

China_destiny的博客

11-08

1186

在使用Webpack打包工具出现错误：Error: Cannot find module 'webpack-cli/bin/config-yargs' 出现这个错误的原因是，在2020年10月底webpack进行了版本更新，从@4.xx版本更新到了@5.xx版本，而webpack-dev-server却没有更新这就导致了webpack的版本和webpack-dev-server的版本不兼容造成的错误提示错误的代码： Error: Cannot find module 'webpack-cli/bi

webpack——报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

qq_43201350的博客

03-18

317

原因： webpack-cli 升级到了 4，不能使用 webpack-dev-server 这个命令去启动了。解决：使用 webpack serve 来启动 webpack-dev-server "scripts": { "start": "webpack serve --config ./config/webpack.common.js " }, 或者也可以卸载 webpack-cli 4版本的，然后在指定 3.3 版本安装。 ...