webpack报错 [webpack-cli] Unable to load ‘@webpack-cli/serve‘ command
使用webpack-dev-server 插件可以让 webpack 监听项目源代码的变化,从而进行自动打包构建。
1、安装 webpack-dev-server
从项目根目录转到cmd运行如下命令,即可在项目中安装此插件
npm install webpack-dev-server@3.11.2 -D
2、配置 webpack-dev-server
2.1、修改 package.json -> scripts 中的 dev 命令如下:
2.2、运行 npm run dev 命令,重新进行项目的打包,出现错误
[webpack-cli] Unable to load '@webpack-cli/serve' command
[webpack-cli] TypeError: options.forEach is not a function
解决方案:
执行命令:npm install webpack-cli --save-dev
再次运行 npm run dev 命令
成功解决!
3、在浏览器中访问 http://localhost:8080 地址,查看自动打包效果
注意:webpack-dev-server 会启动一个实时打包的 http 服务器
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhiahjce
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22