Webpack构建项目时报Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

最新推荐文章于 2023-06-26 23:44:41 发布
最新推荐文章于 2023-06-26 23:44:41 发布
阅读量189 收藏
点赞数
分类专栏： JavaScript webpack 文章标签： webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38836435/article/details/118087911
版权

场景复现

在使用webpack-dev-server 来构建 web 服务器，实现实时重新加载(live reloading)项目的时候

package.json文件中添加运行指令

"start": "webpack-dev-server --open"

在控制台中输入指令npm start运行项目，报错如下
在这里插入图片描述

原因

webpack-cli的4.x版本和webpack-dev-server的3.x版本不兼容
在这里插入图片描述

解决办法

安装webpack-cli的3.x版本即可

npm uninstall webpack-cli

npm install --save-dev webpack-cli@3.3.12

再次运行npm start，运行成功
在这里插入图片描述

laiqi_luckyboy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cannot find module ‘webpack‘ Require stack
dandanforgetlove的专栏
07-31 8921
一、Class extends value undefined is not a constructor or null Building for production... ERROR TypeError: Class extends value undefined is not a constructor or null TypeError: Class extends value undefined is not a constructor or null at Object.<a
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
之前项目目录是： 运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: ...
Cannot find module 'webpack' 奇葩问题 看了我的文章，你绝对能把问题解决掉！
不想起床
05-08 1万+
全局安装的 webpack运行时 报错 Error: Cannot find module 'webpack' ...... 方法一：安装webpack包和webpack-cli包(因为默认是安装最新版本的包，webpack4.x以后，需要安装webpack和webpack-cli)： 全局安装webkit 全局安装webkit-cli 至此可以查看你所安装的webpack的版本 ...
Error: Cannot find module ‘webpack‘ 问题解决办法
忧郁的海风
06-26 6828
所以要全局安装 npm install --save-dev webpack。就算之前你装了webpack，那肯定是非全局安装。这句话的意思是：没有找到webpack模块。
Error: Cannot find module 'webpack'
study_way的博客
07-03 2237
在idea导入一个前段项目时出现了一点问题，通不断百度，终于解决了，所以要把这个解决过程记录一下 我是出现了一个Error: Cannot find module 'webpack’的问题 1.首先依次执行下，下面三条命令 npm install webpack npm install webpack-dev-server npm install --save-dev webpack-cli 很多...
已解决，Vue项目报错：Cannot find module webpack.dev.conf.js
换条路吧，编程没意思的~
03-31 2万+
在笔记本项目上开发的前后端分离项目，在同步到Gitte上之后再从公司拉到公司电脑的，公司电脑配置了一样的node vue环境，但是在执行的时候总是报这个错误，环境也重新安装过了，网上搜索了好多文章，依然不知道是什么原因。 E:\CourseArrange\UI\coursearrange>npm run dev > coursearrange@1.0.0 dev E:\Co......
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
next-missing-terser-webpack-plugin-dep:缺少terser-webpack-plugin的示例回购
04-08
然后运行yarn build % yarn buildyarn run v1.22.10$ next build> Build error occurredError: Cannot find module 'terser-webpack-plugin'Require stack:- my-app-yarn/node_modules/next-pwa/build-custom-...
Cannot find module ‘xxx’，错误解决方法
01-08
vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (index.js:39) at permission.js:90 解决方法 进入router中的index.js component: () => import('@/views/login/...
webpack-vue-config:这是与Nextcloud应用程序一起使用的基本Webpack配置
04-10
const webpackConfig = require ( '@nextcloud/webpack-vue-config' ) module . exports = webpackConfig // package.json ... " scripts " : { " build " : " NODE_ENV=production webpack --progress --config ...
webpack打包报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
楚游香的博客
12-17 598
报错 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 ...
Cannot find module ‘webpack-cli/bin/config-yargs‘ 报错问题解决
limanhe的博客
12-09 147
在安装完成webpack、webpack-cli之后，安装webpack-dev-server，执行webpack-dev-server报如下错误 解决办法： 1.npm uninstall webpack-cli 2.npm install webpack-cli@3.3 产生问题原因： 4x版本的webpack-cli，删除了webpack-cli/bin/config-yargs文件 ...
【完美解决】webpack 升级问题 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
Ldabaicai的博客
07-30 1923
我用vue init webpack myvue 新建了一个vue项目，npm run dev能正常启动， 然后我又跟着B站老师安装了webpack和webpack-cli，后来再运行这个项目的时候就报错了： internal/modules/cjs/loader.js:892 throw err; ^ Error: Cannot find module ‘webpack-cli/bin/config-yargs’ Require stack: /Users/xxx/Documents/Vue/myvue
启动vue项目时出现:Cannot find module 'webpack-cli/bin/config-yargs'报错解决
MyDilrabaSister的博客
09-10 4845
启动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 run server报错原因之一：Cannot find module 'webpack-cli/bin/config-yargs'
热门推荐
mchaoliu的专栏
03-28 8万+
使用npm run server 启动webpack-dev-server时报错： E:\webpack_demo&gt;npm run server &gt; webpacktest@1.0.0 server E:\webpack_demo &gt; webpack-dev-server The CLI moved into a separate package: webpack-cl...
Cannot find module ‘webpack-cli/bin/config-yargs‘ webpack打包报错
weixin_40581714的博客
04-12 318
问题一 项目打包时，执行命令npm run dev 发现报错： Error: Cannot find module 'webpack-cli/bin/config-yargs’ 解决过程： 查看github的Issues：https://github.com/webpack/webpack-cli/issues/1948 I want to say, that webpack-cli removed yargs package from version4.0.0 but existed in version
Error: Cannot find module ‘webpack-cli/package.json‘
Youlingdada的博客
02-17 848
webpack的安装问题安装与卸载这里我直接引用一片博文造成这个问题的原因(官网) 安装与卸载 这里我直接引用一片博文 链接：安装与卸载 造成这个问题的原因(官网) 官网在安装webpack时说了一句提示，可能大家没看到，或者是以前升级上来的 那就是，在webpack4+版本我们需要安装CLI npm install --save-dev webpack-cli 这里的save-dev是可以不加的，取决你的应用场景，当加上则仅仅构建，生产环境不足。 链接: webpack官网安装指导. ...
Error: Cannot find module ‘webpack/bin/config-yargs‘ 报错原因, webpack@4.X踩的坑~
飞翔的熊blabla
09-22 9726
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..
webpack配置出错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
H_xiang_xiang的博客
06-03 98
出现这个问题请移步这里
error: cannot find module 'webpack-cli/bin/config-yargs'
最新发布
09-23
如果Webpack CLI没有正确安装或配置，它可能无法找到所需的模块，从而导致出现类似“cannot find module 'webpack-cli/bin/config-yargs'”的错误。 解决这个问题的方法包括： 1. 确认你已经全局安装了webpack-cli...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值