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

解决 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地址配置是否正确

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

运行项目

运行成功，问题解决

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