解决 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地址是否为localhost或者127.0.0.1

如果是从svn或git上下载的代码,这里的配置可能为服务器上的地址,注意要修改为本机地址

如果host为localhost启动不成功,尝试修改为127.0.0.1,如果能够启动成功,说明本机host文件被修改,不存在localhost与127.0.0.1映射关系,需要修改本机host文件

如果更改host地址无效,尝试修改一个不常用port,例如,8034

如果更改post启动成功,说明之前端口地址,可能被占用,尝试修改启动端口,或者kill占用此端口的线程

如果更改port启动失败,往下走

3.host文件被修改(只提供Mac环境修改方式,Windows环境也很简单,自行查询一下)

​ 这种情况大致存在于安装其他软件造成host文件修改,导致localhost与127.0.0.1映射失败

​ 解决方法:

vi /etc/hosts

​ 修改文件如下

127.0.0.1 localhost

255.255.255.255 broadcasthost

::1 localhost

fe80::1%lo0 localhost

修改项目启动host为localhost或者127.0.0.1

运行项目

运行成功,问题解决

运行失败,我也没办法了。。。。

Logo

前往低代码交流专区

更多推荐