webpack -- webpack-dev-server 启动报错解决

最新推荐文章于 2024-05-11 17:59:43 发布
最新推荐文章于 2024-05-11 17:59:43 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44622984/article/details/111932883
版权

今天在启动webpack-dev-server的时候报错
在这里插入图片描述
报错原因: 搜了一下github和百度,应该是webpack-cli的版本与webpack-dev-server版本的冲突

解决方式:

1.删除已有项目webpack依赖

   npm uninstall -D webpack-cli

2.重新安装

   npm install -D webpack-cli@3

再次运行:
在这里插入图片描述
成功开启服务器

注: 如果按照上述方法仍然报相同错误,可以尝试将webpack webpack-cli webpack-dev-server 三个依赖先都删除掉 再重新安装

Skime Ma
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack 使用webpack-dev-server 报错
enternal07的专栏
05-25 1253
使用webpacke 版本 5.23.0 ✖ ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match theAPI schema. - configuration has an unknown property 'mode'. These properties are valid: object { amd?, bail...
运行webpack-dev-server报错
ChrisJin的博客
07-21 497
项目场景： 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】配置时的常见报错处理
最新发布
qq_32768761的博客
05-11 2154
【webpack】配置时的常见报错处理... 【持续更新新问题及方案】
关于webpack配置webpack-dev-server 报错问题。Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
qq_40922656的博客
04-14 429
配置情况 自动编译并运行，每次修改代码都需要重新执行 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-serve 报错处理
c_liufeng的博客
11-30 1018
错误情况： Cannot find module 'webpack-cli/bin/config-yargs' 错误分析： 出现这种情况一般是因为webpck与webpack-dev-serve版本不兼容引起的错误。 解决方案： 运行 npm uninstall webpck webpack-dev-server webpck-cli -D先删除架包，之后运行npm install webpack webpck-dev-server webpack-cli -D 重新安装架包。（如果此方法无用，建议寻
webpack-dev-server运行时报错
weixin_34332905的博客
03-23 1146
注意：webpack 在进行打包时，利用webpack-dev-server进行打包启动时，应该对webpack-dev-server进行全局安装，不然也会报错，（ cnpm install webpack-dev-server -g ） 报错内容： 1 webpack-dev-server : 无法将“webpack-dev-server”项识别为 cmdlet、函数、脚本文件或可...
webpack配置webpack-dev-server后，启动会报错：Error: Cannot find module ‘webpack/bin/config-yargs‘
xiaodouxuan11的博客
02-19 310
问题原因：webpack-cli的新版本对webpack-dev-server版本的不兼容 解决方案：降低webpack-cli 版本为3.3.12 卸载webpack-cli npm uni webpack-cli -D 安装webpack-cli npm i webpack-cli@3.3.12 -D 安装webpack-dev-server npm i webpack-dev-server@3.11.0 -D package.json 配置 "start": "webpack-dev-s.
webpack-demo:修复错误
05-16
例如，如果`scripts`中有`"start": "webpack-dev-server"`，则`npm run start`会启动Webpack开发服务器，提供热更新和实时编译。 3. **解决Webpack错误**： 在`webpack-demo`项目中，修复错误可能涉及以下步骤： ...
vue-cli项目无法用本机IP访问的解决方法
12-11
在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process.env.HOST || config.dev.host。 于是这里我们去查看config.dev.host。在我们的config目录下有一个index.js,...
vuedemo04-创建webpack.rar
09-16
1. **依赖安装**：确保所有必要的依赖，如`vue`, `vue-loader`, `webpack`, `webpack-dev-server`等都已正确安装。未安装或版本不匹配的依赖可能导致错误。 2. **Webpack配置**：Webpack的配置文件`webpack.config....
9102年webpack4搭建vue项目的方法步骤
10-17
使用以下命令安装webpack、webpack-dev-server、webpack-cli作为开发依赖： ``` npm i webpack webpack-dev-server webpack-cli -D ``` 4. 创建`src`文件夹，并在其中创建`main.js`文件，这将是你的应用入口文件...
webpack3_learning
04-30
一、devServer 1、热更新 --- hot: true 在 webpack.config.js 中添加： devServer: { hot: true } 时，启动时会报： 会报：[HMR] Hot Module Replacement is disabled。 可以在 package.json 的 scripts 中用一下...
解决webpack项目在ie下报错
不吃菠菜的大力
11-02 4952
引起的主要原因是，ie无法解析es6语法。需要引入babel-polyfill 第一步：npm install babel-polyfill --save-dev 第二步：在webpack.base.config.js中 require('babel-polyfill') module.exports = { entry: { app: ['babel-polyf...
webpack安装 webpack-dev-server后运行报错
qq_44696583的博客
12-12 2743
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
webpack-dev-server 不能正常启动 和 项目启动报错 spawn cmd ENOENT errno
qq_44259670的博客
04-30 2098
问题描述： 【webpack5】webpack-dev-server 不能正常启动,一运行npx webpack-dev-server，就会出现以下错误 我的版本信息 原因分析： 这里的大概意思就是webpack-cli 与webpack-dev-server 版本不兼容的问题， 解决方案： 解决办法1.webpack-cli的版本降为3.3.12 解决办法2.npx webpack serve 使用这个命令运行 但是也许会出现别的问题 ...
webpack5下使用webpack-dev-server不能正常启动
Gemini_Kanon的博客
03-04 3525
报错：Error: Cannot find module 'webpack-cli/bin/config-yargs' 开始以为是版本问题，我用的版本是："webpack": "^5.24.3"、"webpack-cli": "^4.5.0"、"webpack-dev-server": "^3.11.2" 于是乎开始疯狂卸载webpack和webpack-dev-server版本，重装低版本，还是不管用 知道遇到了这位老哥的博客：【webpack5】webpack-dev-server 不能正常启动，
webpack和webpack-dev-server区别解析
weixin_45727472的博客
06-08 1188
webpack和webpack-dev-server这两者自身是有区别的，以及在这两者中使用output.publicPath，效果也是不同的，如何不同呢？
使用webpack构建项目时错误如下解决方案
清晨一场梦
02-27 5994
运行npm run start错误代码如下: PS D:\phpStudy\phpstudy\WWW\jsgame> npm run start > @ start D:\phpStudy\phpstudy\WWW\jsgame > webpack-dev-server --inline --config webpack.dev.js --open D:\phpStudy\p...
解决vue项目安装依赖报错,依赖问题多种解决办法
热门推荐
weixin_42418774的博客
06-02 3万+
需求： 把vue项目打包，移植到其他地方或者其他电脑上运行开发时往往会发生运行报错，安装依赖报错 一、node_modules版本与本机安装的node和npm版本不一致 我这里是已经修改过了，所以一样，如果版本不一样就修改为一致 再删除node_modules文件，重新npm install安装依赖 二、webpack与webpack-dev-server的版本不兼容 在本vu...
webpack-dev-server --progress --config
08-23
webpack-dev-server --progress --config是一个命令，用于启动webpack开发服务器并显示进度。根据引用和引用的信息，出现报错的原因可能是webpack-dev-server的版本不兼容。解决这个问题的方法有两种： 1. 方法一：...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值