关于webpack配置webpack-dev-server 报错问题。Error: Cannot find module 'webpack-cli/bin/config-yargs'
配置情况
自动编译并运行,每次修改代码都需要重新执行 webpack 命令,可以使用 webpack-dev-server 自动打包运行
安装 loader; npm install webpack-dev-server --save-dev
webpack配置文件;
1. 添加 devServer 服务后需要调整输出的路径
publicPath: '/'
2. 增加 devServer 配置
devServer: {
open: true, // 自动打开浏览器
compress: true, // 启动gzip压缩
port: 3000, // 端口号
quiet:true
},
3. npm需要配置package.json文件中scripts启动选项配置
"dev": "webpack-dev-server " 直接将打包文件在内存中存储,不会生成dist文件
运行:npm run dev
出错现象
Error: Cannot find module 'webpack-cli/bin/config-yargs'
这个报错是我在安装webpack-dev-server
之后命令行使用的时候出现的,
按理这里应该出现我打包完成并且启动服务的,但是却有了报错。
出错原因
查阅了其他人的解决,发现是因为webpack-cli
的新版本对webpack-dev-server
版本的不兼容,表示很无奈:
之前的版本是
- node -v —— v12.19.0
- npm -v —— v6.14.8
- webpack -v —— "^5.1.3"
- webpack-cli -v —— "^4.1.0"
- webpack-dev-server -v —— "^3.11.0"
解决方案
之后降低webpack-cli
的版本为 "^3.3.12"
npm i webpack-cli@3.3.12 -D 就ok了
相关文章
- SQL Server远程数据库操作(备份、还原等)
- grpc python 源码分析(2):server 处理请求
- Tomcat server.xml中配置的connectionTimeout参数无效?客户端等待超时时间
- java:解决eclipse配置Tomcat时找不到server选项
- SQL Server账号密码(sa)登录失败 错误原因:18456
- 电脑控制手机的另一选择——android vnc server
- 【分享】图解Windows Server 2012 R2 配置IIS 8全过程
- Kiwi Syslog Server配置说明
- 学生信息管理系统——配置windows防火墙允许访问SQL Server 2008服务器
- 删除sql server用户时报15138错误
- 删除指定表的所有索引,包括主键索引,唯一索引和普通索引 ,适用于sql server 2005 .
- Team Foundation Server 安装配置教程
- Team Foundation Server 安装配置教程
- Team Foundation Server 安装配置教程
- Stimulsoft BI Server 2023.1.8 Crack
- Could not load the Tomcat server configuration at /Servers/Tomcat v7.0 Server at localhost-config.
- 配置SQL Server 2005 远程连接(转)
- 0402-服务注册与发现-Eureka Server使用、将服务注册到Eureka server上
- 也谈SQL Server 2008 处理隐式数据类型转换在运行计划中的增强
- 【区块链技术开发】http-server查看智能合约前端页面app.js结果