解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错

最新推荐文章于 2024-01-16 11:09:17 发布
原创 最新推荐文章于 2024-01-16 11:09:17 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #npm

本文介绍了如何解决在使用`webpack-dev-server`时遇到的错误，包括webpack和vue版本不一致、本地运行IP地址或端口错误、以及Mac环境下host文件被修改的问题。通过检查版本、调整IP和端口、修改host文件，可以成功启动项目。

解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错

目前存在这种情况，可能是三个原因造成的

1.webpack版本与vue版本不一致

2.本地运行IP地址不正确

3.本地运行localhost与127.0.0.1映射被修改

1.webpack版本与vue版本不一致

  1. 查看vue版本

    vue -V
2.9.6

  2. 卸载、安装对应版本webpack

    npm uninstall webpack-dev-server
npm install webpack-dev-server@2.9.6

  3. 启动测试

    npm run dev

    不成功往下走，排除问题

2.本地运行IP地址不正确/端口被占用

查看项目IP地址配置是否正确

image-20210718235241361

image-20210718235330833

host地址

最低0.47元/天 解锁文章
细说webpack-dev-server --inline --progress --config build/webpack.dev.conf.js的一二三
changyandou2020的博客
08-10 1431
在vue-cli的脚手架创建后开发环境调试下webpack-dev-server是如何读取webpack.dev.conf.js中的内容的
解决vue项目 改东西则项目中断 报错（内存溢出）​`webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
w1939459的博客
10-13 1664
解决vue项目 改东西则项目中断 报错（内存溢出）​`webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
诚的博客
10-27 5540
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定 webpack-dev-server 低版本号 方法1： “webpack-dev-server”: “^2.9.1” 删除 nod.
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错
weixin_42438002的博客
07-19 6436
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
chanyeolchichi的博客
05-13 5614
> dev> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 使用npm run dev 产生了错误。 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 1.查看vue版本 vue -V 4.5.15 2.卸载、安装对应版本we.
解决'webpack-dev-server --inline --progress --config build/webpack.dev.conf.js'
qq_44196374的博客
02-26 6646
我的报错‘webpack-dev-server --inline --progress --config build/webpack.dev.conf.js’ 报错截图 解决方法 1.在终端运行指令“npm install webpack-dev-server@2.9.7 --save-dev ”（需要耐心等一会） 2.在build/webpack.dev.conf.js下更改 找到 devSe...
Vue启动项目报错travel@1.0.0 dev: `webpack-dev-server--inline --progress --config build/webpack.dev.conf.js
我能在河边钓一整天的鱼
12-09 1万+
问题原因 出现在webpack上。如想了解webpack请走官网，如果想了解webpack里面的文件结构，下面推荐一篇博客 https://blog.csdn.net/shan1991fei/article/details/82630656 解决方案 这个东西我没有深入研究原理，只是用一种办法解决了问题。 <1>卸载你项目中的webpac...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js sh: webpack-dev-server: command not found
07-11
完成上述步骤后，您再次运行 `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 命令时就应该能够找到 webpack-dev-server 了。 希望这些解决方案能够帮到您！如果您还有其他问题，请...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
weixin_30480651的博客
02-16 7781
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定webpack...
解决：项目名@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
m0_62567916的博客
07-22 6199
要是serve启动命令为：npm run serve。要是dev 启动命令为：npm run dev。
`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
可控的事情要谨慎，不可控的事情要乐观。
12-05 3055
运行vue项目报错：npm run dev 原因: webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本 解决方法： 1 、查看vue版本是 vue -V 2 、卸载npm uninstall webpack-dev-server 3 、安装npm i webpack-dev-server@2.9.6 4 、安装npm install webpack cli -D 5 、正常启动。 ...
npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
热门推荐
GongWei_的博客
08-10 2万+
今天刚来公司启动项目就给我报下面的错误 百度一下，通常报这个错的原因是：webpack-dev-server 版本存在问题 解决办法：安装 webpack-dev-server 低版本号 方法一：删除 node_modules 目录，再重新安装依赖包 npm install -S，这样较费时间 方法二： 先卸载当前 webpack-dev-server，指令：npm uninstall webpack-dev-server 下载低版本 指令：npm install webpack-dev-server@2
dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` vue启动报错解决...
weixin_30682415的博客
10-29 2638
这是因为webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本 查看vue版本是 vue -V 注意：V是大写 卸载npm uninstall webpack-dev-server，在安装这个npm i webpack-dev-server@2.9.7，我的可以正常启动了。 转载于:https://www.cnblogs....
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 解决办法
sinat_35441683的博客
12-03 3204
最近要做一个可以拖拽的关系图，从github上clone别人的项目后运行时报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原来是webpack3拆分了webpack-cli和webpack-dev-server，版本号不同，3.1.1x之后的版本会和之前的冲突，所以要更换一下webpack-dev-server的版本 先执行： npm uninstall webpack-dev-server 然后 .
解决@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
最新发布
weixin_44257822的博客
01-16 3068
根据package.json文件中的scripts。
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js npm ERR! code ELIFECYCL
weixin_39225983的博客
07-07 2086
记录一下被坑惨了的错误 按照提示就先：npm i -D webpack-cli 然而，还是报错： 网上查到知道是版本不一致，一致建议两种方式： 1、删除node-modules 再重新npm install， 删除nodemodules文件夹，—>npm install 2、是webpack新版存在bug，npm info webpack可以查看版本信息，先npm卸载webpack，再安装旧...
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
08-24
webpack-dev-server是一个用于开发环境的工具，它提供了一个实时重载的开发服务器。通过使用命令"> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"，你可以启动webpack-dev-server，其中"--inline"选项用于在浏览器中内联模式显示编译错误和警告，"--progress"选项用于在控制台中显示编译进度，"--config build/webpack.dev.conf.js"选项用于指定webpack配置文件的路径。这个配置文件包含了开发环境的相关配置信息，例如入口文件、输出路径等。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js](https://blog.csdn.net/chanyeolchichi/article/details/124688983)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js](https://blog.csdn.net/qq_18671415/article/details/109306424)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue-cli项目根据线上环境分别打出测试包和生产包](https://download.csdn.net/download/weixin_38643141/13588313)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值