【webpack】Error: Cannot find module ‘webpack-cli/bin/config-yargs‘版本不匹配报错

最新推荐文章于 2021-08-18 18:15:02 发布
最新推荐文章于 2021-08-18 18:15:02 发布
阅读量246 收藏
点赞数
分类专栏： webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Adollar/article/details/114857135
版权

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

该错误的产生与 webpack-dev-server 版本不兼容有关

  • 初始版本
    在这里插入图片描述
  • 当执行 cnpm run dev,报错
    在这里插入图片描述
  • 通过修改 版本可以解决：
cnpm uninstall webpack webpack-cli webpack-dev-server
cnpm install webpack@4.41.0 webpack-cli@3.3.9 webpack-dev-server@3.8.2 --save-dev
记一个Error: Cannot find module ‘webpack-cli/bin/config-yargs问题
蛐蛐的博客
07-20 590
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"..
webpack-dev-server 报错 Error: Cannot find module ‘webpack/bin/config-yargs‘
qq_36454089的博客
11-19 2241
Error: Cannot find module 'webpack/bin/config-yargs' 报错 解决 > demo70@1.0.0 dev G:\000Code\10\11\demo70 > webpack-dev-server --port 3000 internal/modules/cjs/loader.js:1033 throw err; ^ Error: Cannot find module 'webpack/bin/config-yargs' Requ.
Error: Cannot find module ‘webpack-cli/bin/config-yargs’
bosstting的博客
03-10 216
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
陈福国的博客
05-07 623
显示是“找不到webpack-cli下的yargs配置” 当前开发依赖版本为: "devDependencies": { "webpack": "^5.36.2", "webpack-cli": "^4.7.0", "webpack-dev-server": "^3.11.2" } webpack-cli早在4.0版本后就移除了yargs，于是将webpack-cli还原到3.3.12版本的版本 手动修改版本 "devDependencies": { "webpa.
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘ 解决办法
weixin_46370867的博客
01-23 227
在webpack配置自动打包功能的时候，执行打包命令npm run dev报错： Error: Cannot find module ‘webpack-cli/bin/config-yargs’ 解决办法： 删除node_modules文件夹 在终端输入 npm install 执行打包命令：npm run dev 在浏览器中打开网址 http://localhost:8080/，找到文件打开运行即可 ...
出现Error: Cannot find module ‘webpack-cli/bin/config-yargs‘错误
Diandaoweizhi1的博客
05-31 548
运行webpack自动打包功能时，出现Error: Cannot find module 'webpack-cli/bin/config-yargs’错误： 错误提示图： 解决方案：将package.json中scripts字节下的指令webpack-dev-server换为webpack serve
完美解决webpack-dev-server报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'
"✧treasure mountain✧"
04-25 2万+
问题描述 在执行webpack-dev-server命令的时候 遇到如下错误： The CLI moved into a separate package: webpack-cli Please install 'webpack-cli' in addition to webpack itself to use the CLI -> When using npm: npm i -D webp...
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 842
输入指令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’
qq_49002903的博客
01-24 498
报错信息为：Error: Cannot find module ‘webpack-cli/bin/config-yargs’ 百度了很多种解决办法后，最终得到了解决，报错原因有很多，我的是webpack-cli版本过高，最终将webpack-cli版本降低为"webpack-cli": "^3.3.12" 在终端执行如下命令即可： npm install --save-dev webpack-cli@3.3.12 ...
webpack编译遇到的问题：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘（转载）
elsa_yxy的博客
02-05 162
运行npm run dev遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs' // 当前package.json 文件 ​ "devDependencies": { "webpack": "^5.2.0", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0" } 　　 问题解决参考：Error: Cannot find ...
报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘，webpack配置自动打包
weixin_48454173的博客
08-18 211
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
webpack打包报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
楚游香的博客
12-17 706
报错 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、安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D ...
webpack自动打包npm run dev 报错：Cannot find module ‘webpack-cli/bin/config-yargs‘
cyy15729981514的博客
02-22 272
1-打开你的package.json 文件 "devDependencies": { "webpack": "^5.2.0", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0" } 发现 webpack-cli: "^4.1.0",是4.*的版本 则就会报错 2-卸载当前的 webpack-cli 指令：npm uninstall webpack-cli 3-安装 webpack-cli 3.* 版本 指令..
在使用Webpack打包工具出现错误：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
China_destiny的博客
11-08 1153
在使用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-dev-server】Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
栗山的博客
01-04 553
经查阅资料解决办法，发现是因为webpack-cli版本与webpack-dev-server不兼容 报错时，我的webpack-cli是 4.*，而"webpack-dev-server":为"^3.11.1" 解决办法： 将webpack-cli版本降级为 3.*即可 方法如下： 第一种 将package.json改写 "webpack-cli": "^3.3.12" 再执行 npm install 第二种 卸载之前的版本，再重新安装旧版本也是可以的 npm i webpack-cli@3
解决Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
lucasxt的博客
11-06 455
当前版本 "webpack": "^5.4.0", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0", "webpack-cli": "^3.3.12" 报错情况： 在安装 webpack-dev-server 后启动服务报错 出错原因： 发现是因为 webpack-cli 的新版本对 webpack-dev-server 版本的不兼容 解决方案： 降低webpack-cli的版本为 “^3.3.12” ...
【webpack】Error: Cannot find module webpack-cli/bin/config-yargs
richest_qi的博客
10-27 251
本问题解决方法来自于网友 问题描述 { "name": "demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack-dev-server --open webpack --config webpack.config.js", "build": "webpack --config webpack.config.js" }, "key
error: cannot find module 'webpack-cli/bin/config-yargs'
最新发布
09-23
### 回答1： 这个错误通常发生在使用Webpack时，因为Webpack CLI没有正确安装或配置。是的，这个错误通常发生在使用Webpack时，因为Webpack CLI没有正确安装或配置。Webpack CLI是一个命令行工具，用于在命令行中运行Webpack命令。如果Webpack CLI没有正确安装或配置，它可能无法找到所需的模块，从而导致出现类似“cannot find module 'webpack-cli/bin/config-yargs'”的错误。 解决这个问题的方法包括： 1. 确认你已经全局安装了webpack-cli：在命令行中输入“npm list -g webpack-cli”，检查webpack-cli是否已经安装。如果没有安装，可以通过“npm install -g webpack-cli”来全局安装webpack-cli。 2. 确认你的项目中已经安装了webpack-cli：在项目的根目录下，运行“npm list webpack-cli”，检查webpack-cli是否已经安装。如果没有安装，可以通过“npm install webpack-cli --save-dev”来安装webpack-cli。 3. 确认你的webpack配置文件是否正确：检查webpack.config.js文件中是否正确地配置了webpack和webpack-cli。 4. 如果上述方法都没有解决问题，可以尝试更新npm和node.js版本，然后重新安装webpack-cli。 ### 回答2： 这个错误是由于缺少webpack-cli模块中的bin/config-yargs文件所引起的。webpack-cli是webpack的命令行工具，用于执行webpack命令。当我们执行webpack命令时，会查找webpack-cli模块，并在其中查找bin/config-yargs文件。如果找不到这个文件，就会抛出"cannot find module 'webpack-cli/bin/config-yargs'"的错误。 要解决这个问题，我们可以尝试以下几个方法： 1. 检查webpack-cli模块是否已安装：首先确保你已经在项目中安装了webpack-cli模块。可以通过在命令行中执行npm ls webpack-cli命令来检查。 2. 版本兼容性问题：如果你已经安装了webpack-cli模块，但仍然出现错误，可能是由于版本兼容性问题导致的。尝试安装或更新webpack-cli模块的最新版本，可以使用npm install webpack-cli@latest命令来更新。 3. 清除缓存：有时候，在安装或升级模块后，旧的缓存文件可能会导致错误。可以尝试清除npm缓存，使用npm cache clean命令清除缓存，然后重新安装webpack-cli模块。 如果以上方法都没有解决问题，可能是其他相关配置文件出现了问题，可以检查webpack配置文件是否正确，并确保相关依赖模块已安装。 总之，错误"cannot find module 'webpack-cli/bin/config-yargs'"通常是由于缺少或损坏的webpack-cli模块所引起的。通过检查模块是否安装、更新模块版本、清除缓存等方法，可以尝试解决这个问题。如果问题仍然存在，可能需要进一步检查其他配置文件或依赖项。 ### 回答3： 这个错误提示表示无法找到模块'webpack-cli/bin/config-yargs'。这通常是因为没有正确安装或配置Webpack的CLI（命令行工具）。 要解决这个问题，可以尝试以下几个步骤： 1. 确认安装了webpack-cli模块：在命令行中输入`npm install webpack-cli -g`或`yarn global add webpack-cli`来全局安装webpack-cli模块。如果之前已经安装过，可以尝试卸载并重新安装。 2. 检查Webpack的配置文件：确认项目根目录中是否存在webpack.config.js或其他Webpack的配置文件。如果没有，则需要创建一个。 3. 更新Webpack的版本：如果已经安装了旧版本的Webpack，尝试更新到最新版本。可以使用`npm update webpack`或`yarn upgrade webpack`来更新。 4. 清除缓存并重新安装依赖：有时候，缓存中的某些文件可能导致问题。可以尝试使用`npm cache clean`或`yarn cache clean`来清除缓存，并重新安装项目的依赖。 5. 确保正确执行Webpack命令：在命令行中输入`webpack`来执行Webpack命令。确保正确使用了Webpack的命令行参数和选项。 如果以上步骤都无法解决问题，可以尝试搜索类似的错误信息，查看其他开发者的解决方案，或提交问题到相关社区寻求帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值