webpack基础，运行webpack-dev-server报错，Cannot find module WebpackOptions.json

最新推荐文章于 2022-07-22 22:04:07 发布
最新推荐文章于 2022-07-22 22:04:07 发布
阅读量110 收藏
点赞数
文章标签： webpack json ViewUI
原文链接：http://www.cnblogs.com/xifengshixiang/p/9110323.html
版权

最近项目不忙，所以看看webpack的基础，在跟着官网走到dev-server的时候，按照教程，配置，执行命令cnpm start的时候报错，错误如下

packge.json文件的配置信息：

我的webpack版本是安装的3.12.0，而webpack-dev-server是默认安装的最新的3.1.4，报错说找不到WebpackOptions.json文件，有可能是版本不配套，现在webpack最新版本是4.9.1了，最新的webpack应该有WebpackOptions.json文件，所以，3.12.0的webpack-dev-server是跟4+的webpack版本配套的，

于是：cnpm i webpack-dev-server@2.9.7

在然后cnpm start：果然成功了！

转载于:https://www.cnblogs.com/xifengshixiang/p/9110323.html

weixin_30763455
关注
npm报错Cannot find module ‘webpack‘ Require stack
邓邓子的博客
03-06 7790
Error: Cannot find module '@vue/cli-plugin-babel' Require stack: - /usr/local/node-v14.18.2-linux-x64/lib/node_modules/@vue/cli-service/lib/Service.js - /usr/local/node-v14.18.2-linux-x64/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js at Func
webpack-dev-server 报错 Error: Cannot find module ‘webpack/bin/config-yargs‘
qq_36454089的博客
11-19 2149
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配置webpack-dev-server 报错问题。Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
qq_40922656的博客
04-14 476
配置情况 自动编译并运行，每次修改代码都需要重新执行 webpack 命令，可以使用 webpack-dev-server 自动打包运行 安装 loader； npm install webpack-dev-server --save-dev webpack配置文件； 添加 devServer 服务后需要调整输出的路径 publicPath: ‘/’ 增加 devServer 配置 devServer: { open: true, // 自动打开浏览器 compress: true, // 启动gz
运行webpack-dev-server报错 Cannot find module 'webpack/schemas/WebpackOptions.json'
fairyier
05-28 9275
今天有空，就去梳理一下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 3129
启动webpack-dev-server 1、错误展示 2、项目依赖包 解决过程 1、暴力卸载关于webpack相关依赖包再install(行不通)，报以下错误 2、根据全局安装路径找到webpack-dev-server.js修改 路径报错，失败告终 3、卸载webpack-dev-server全局安装再重新安装，使用webpack serve启动 ...
【webpack】DevServer运行时webpack-dev-server插件报错：Cannot find module ‘webpack-cli/bin/config-yargs
这道题我不会做...不会做啊..太难了！！
05-13 444
文章目录前言原因解决方法 前言 使用webpack的开发服务器(DevServer)进行热部署时，运行npx webpack-dev-server命令时，运行报错了 原因 本地默认安装的新版webpack5与相关协作的功能包并不兼容 解决方法 因为不想回退webpack版本，所以就查阅官方文档，发现最新的运行命令为：npx webpack serve ...
输入指令npx webpack-dev-server报错：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的解决方法
p1967914901的博客
01-21 798
输入指令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
【webpack5】webpack-dev-server 不能正常启动
小笼包不是包的博客
01-29 2972
【webpack5】webpack-dev-server 不能正常启动 一、问题 webpack-dev-server --open --config script/webpack.dev.js webpack4环境下可以正常启动，但是升级webpack5后依赖都要升级，再跑这个指令就会报错： internal/modules/cjs/loader.js:584 throw err; ^ Error: Cannot find module 'webpack-cli/bin/confi
npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webp
qq_46687516的博客
04-30 1572
原因：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好,但是也不能装太老的版本 办法： 我们看到 webpack-cli 的版本是 4.2.0，而 webpack-cli 从4.x.x开始就没有该目录， 所以我们保证webpack-cli 和 webpack-dev-server 的版本只要都是 3.x.x 就...
运行webpack-dev-server报错
ChrisJin的博客
07-21 522
项目场景： package.json依赖： 问题描述： 运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案： 百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一 解决方案如下： 卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高
webpack-dev-server 出现Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
小哈的博客
07-22 569
Error: Cannot find module 'webpack-cli/bin/config-yargs'
运行webpack-dev-server报错Cannot find module ‘webpack-cli/bin/config-yargs
weixin_44729896的博客
07-15 268
// 当前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文
关于webpack和webpack-dev-server，报错Error: Cannot find module ‘webpack-cli/bin/config-yargs‘的问题
weixin_48386494的博客
04-22 503
近期在学习webpack构建工具的时候，本来认为都是一些基础操作会比较顺利，可是在了解到有webpack-dev-server的自动打包工具时，安装运行的时候却一直报错Error: Cannot find module 'webpack-cli/bin/config-yargs'。 在报错之后对于我一个自学的小白而言一直感觉无从下手，于是在网上各大论坛去寻找答案，其中试过类似于暴力删除node-modules文件夹然后重新npm install等方法依然不行。 最后在看到package中的版本时突然
【webpack-dev-server】Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
栗山的博客
01-04 471
经查阅资料解决办法，发现是因为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 踩坑笔记: 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插件兼容问题：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
u011296285的博客
11-20 761
在webpack中使用webpack-dev-server插件，遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs' 问题解决参考：Error: Cannot find module 'webpack-cli/bin/config-yargs' #1948 If you upgrade webpack to 5. *, and webpack cli to 4. *, an error will be reported: ..
webpack-dev-server 不能正常启动Cannot find module ‘webpack/bin/config-yargs‘
qq_18390335的博客
03-05 348
webpack-dev-server 不能正常启动 > webpack-dev-server internal/modules/cjs/loader.js:796 throw err; ^ Error: Cannot find module 'webpack/bin/config-yargs' Require stack: 我本来的版本是这个 npm run dev命令后 不能正常启动，网经的个个问题指向版本兼容不行 把配置改成 “dev”: “webpack serve
webpack-dev-server启动本地服务报错Cannot find module ‘webpack-cli/bin/config-yargs‘
Xu_cipu的博客
12-10 226
webpack-de-server issue链接： https://github.com/webpack/webpack-dev-server/issues/2759 原因： webpack-dev-server更新版本，命令行由原来的 webpack dev serve改为了webpack serve 故，package.json中需改为： "scripts": { "dev": "webpack serve --mode development" } 详见github Readme： h
【已解决】运行webpack-dev-server时提示Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
haohaoxuexiyai的博客
12-17 876
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
Error: Cannot find module '\webpack-dev-server\bin\webpack-dev-server.js'
最新发布
03-08
当你在命令行中运行webpack-dev-server时，它会尝试在node_modules目录下查找webpack-dev-server模块，如果找不到就会报错。 解决这个问题的方法有几种： 1. 确保你已经在项目中安装了webpack-dev-server模块。可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值