关于webpack和webpack-dev-server，报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的问题

最新推荐文章于 2023-03-17 14:52:54 发布

TuanZi Only

最新推荐文章于 2023-03-17 14:52:54 发布

阅读量568

点赞数

分类专栏： webpack 文章标签： node.js

本文链接：https://blog.youkuaiyun.com/weixin_48386494/article/details/116033112

版权

webpack 专栏收录该内容

1 篇文章

订阅专栏

近期在学习webpack构建工具的时候，本来认为目前学的都是一些基础操作会比较顺利，可是在了解到有webpack-dev-server的自动打包工具时，安装运行的时候却一直报错Error: Cannot find module 'webpack-cli/bin/config-yargs'。

在报错之后对于我一个自学的小白而言一直感觉无从下手，于是在网上各大论坛去寻找答案，其中试过类似于暴力删除node-modules文件夹然后重新npm install等方法依然不行。

最后在看到package中的版本时突然想到会不会因为版本不兼容而报错，于是转而查询版本兼容性问题，最后终于得到了答案

解决方案一共有两个：

一、就是更改package中script的命令值为serve --config webpack.config.js

二、就是卸载当前webpack从而安装和webpack-dev-server兼容的版本

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TuanZi Only

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

蛐蛐的博客

07-20

600

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"..

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

854

输入指令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

关于webpack配置webpack-dev-server 报错问题。Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

qq_40922656的博客

04-14

546

配置情况自动编译并运行，每次修改代码都需要重新执行 webpack 命令，可以使用 webpack-dev-server 自动打包运行安装 loader； npm install webpack-dev-server --save-dev webpack配置文件；添加 devServer 服务后需要调整输出的路径 publicPath: ‘/’ 增加 devServer 配置 devServer: { open: true, // 自动打开浏览器 compress: true, // 启动gz

Webpack 踩坑笔记: webpack-dev-server 启动命令失败(Error: Cannot find module ‘webpack-cli/bin/config-yargs‘)

超悠閒的博客

06-16

1万+

Webpack 踩坑笔记: webpack-dev-server 启动命令失败(Error: Cannot find module ‘webpack-cli/bin/config-yargs’) 文章目录Webpack 踩坑笔记: webpack-dev-server 启动命令失败(Error: Cannot find module 'webpack-cli/bin/config-yargs')前言正文项目背景问题描述解决方案方案 1：使用新命令 webpack serve(推荐)方案 2：降低 webpa

运行webpack-dev-server报错 Cannot find module 'webpack/schemas/WebpackOptions.json'

fairyier

05-28

9318

今天有空，就去梳理一下webpack的基础知识和配置，然后找了一篇博文跟着步骤走，到‘使用webpack-dev-server’这一步时，运行npm start报错：Cannot find module 'webpack/schemas/WebpackOptions.json'博文教程：https://segmentfault.com/a/1190000010871559#articleHeade...

启动webpack-dev-server报 Cannot find module ‘webpack‘

lyy180236的博客

04-09

3455

启动webpack-dev-server 1、错误展示 2、项目依赖包解决过程 1、暴力卸载关于webpack相关依赖包再install(行不通)，报以下错误 2、根据全局安装路径找到webpack-dev-server.js修改路径报错，失败告终 3、卸载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...

webpack-dev-server 报错 Error: Cannot find module ‘webpack/bin/config-yargs‘

qq_36454089的博客

11-19

2257

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.

webpack-dev-server 出现Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

小哈的博客

07-22

630

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

Error:Cannot find module ‘webpack‘

我啥都不会

04-22

342

Error:Cannot find module 'webpack' 用webpack-dev-server启动本地服务的时候报了题目中的错误，最后发现是因为webpack和webpack-cli的版本不对。如果你的webpack版本是5，webpack-cli 的版本是4，不妨将这两个东西的版本都降一级再试试。这个版本配置可以用。 ...

Error: Cannot find module ‘webpack‘ 问题解决办法

热门推荐

qq_41814311的博客

04-06

6万+

【已解决】运行webpack-dev-server时提示Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

haohaoxuexiyai的博客

12-17

925

1.问题： module.js:538 throw err; ^ Error: Cannot find module 'webpack/bin/config-yargs' at Function.Module._resolveFilename (module.js:536:15) at Function.Module._load (module.js:466:25) at Module.require (module.js:579:17) at requir

webpack-dev-server启动报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

ken_ding的博客

10-14

2004

异常场景异常原因由于webpack-cli版本4，删除了webpack-cli/bin/config-yargs文件，看图bin目录下没有config-yargs.js 解决方案图上显示我们要下载webpack-cli版本3的依赖，流程如下： 1.卸载webpack-cli npm uninstall webpack-cli 2.安装webpack-cli版本3 npm install webpack-cli webpack-cli@3.3 -S 打完收工 ...

【webpack-dev-server】Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

栗山的博客

01-04

563

经查阅资料解决办法，发现是因为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

【webpack】DevServer运行时webpack-dev-server插件报错：Cannot find module ‘webpack-cli/bin/config-yargs

这道题我不会做...不会做啊..太难了！！

05-13

500

文章目录前言原因解决方法前言使用webpack的开发服务器(DevServer)进行热部署时，运行npx webpack-dev-server命令时，运行报错了原因本地默认安装的新版webpack5与相关协作的功能包并不兼容解决方法因为不想回退webpack版本，所以就查阅官方文档，发现最新的运行命令为：npx webpack serve ...

运行webpack-dev-server报错Cannot find module ‘webpack-cli/bin/config-yargs

weixin_44729896的博客

07-15

318

// 当前package.json 文件 “devDependencies”: { “webpack”: “^5.2.0”, “webpack-cli”: “^4.1.0”, “webpack-dev-server”: “^3.11.2” } 解决：卸载当前的 webpack-cli npm uninstall webpack-cli 安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D ```javascript // package.json文

拉完项目报错 Error: Cannot find module ‘webpack‘

m0_59338367的博客

03-17

1410

因为“这是新版存在的BUG，卸载现有的新版本webpack，装老版本就好。1、卸载：npm uninstall webpack-dev-server2、安装对应版本：npm install webpack-dev-server@2.9.6。

执行 webpack-dev-server 报错“Cannot find module ‘webpack-cli/bin/config-yargs‘”-之解决办法

ji4396的博客

12-30

568

1.执行 npm run dev 提示：Cannot find module 'webpack-cli/bin/config-yargs' 2.经过查阅相关API及文档，发现本地默认安装的新版webpack5与相关协作的功能包并不兼容，报错前安装的相关版本为： "webpack": "^5.1.3", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0" 3.得出了结论，新版本并不与现存相关包兼容，因此我就试着以webpac...

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的命令行参数和选项。如果以上步骤都无法解决问题，可以尝试搜索类似的错误信息，查看其他开发者的解决方案，或提交问题到相关社区寻求帮助。