vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081

每天上班,重启电脑,按照下面的步骤,打开vue的项目,开始编写代码,但是,今天一如往常一般操作:
1:cd /项目名称
下面就是运行项目了,cd /项目名称,我的文件放在D盘,所以先进入d盘,再进入项目。
cd ShopApp

5640239-e5829917d43b7a7f
image

2:npm run dev
一切准备就绪,启动项目
npm run dev

但是,却出现了以下的报错,一开始很郁闷,仔细看了一下错误提示,应该是IP地址出错了。

之前为了能在手机上访问vue的项目,找到config文件夹下的index.js文件,打开后,将host的值改为我本地的ip。
如何在手机上查看测试vue-cli构建的项目:https://www.jianshu.com/p/a15be31cab12

5640239-c1015747a2374892.png
图片.png

Error: listen EADDRNOTAVAIL 192.168.1.122:8081
    at Object._errnoException (util.js:1024:11)
    at _exceptionWithHostPort (util.js:1046:20)
    at Server.setupListenHandle [as _listen2] (net.js:1334:19)
    at listenInCluster (net.js:1392:12)
    at doListen (net.js:1501:7)
    at _combinedTickCallback (internal/process/next_tick.js:141:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
    at Function.Module.runMain (module.js:678:11)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:608:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! shopapp@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the shopapp@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Program Files\nodejs\node_cache\_logs\2018-08-28T03_29_03_820Z-debug.log
5640239-7bf2c18614df5dfb.png
图片.png

解决办法:
因为机器重启,DHCP重新分配了IP。重新配置工程绑定当前分配的IP就可以了,或者修改本机的IP为静态IP,问题就解决了。

1:打开cmd,命令行运行 ipconfig,得到本机的ip地址:


5640239-972dd7aad7a59f89.png
图片.png

2:找到config文件夹下的index.js文件,打开后,将host的值改为我上一步所得到的ipv4即可


5640239-cf9b09e09c70aaa6.png
图片.png

原文作者:祈澈姑娘
技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

posted @ 2018-08-28 12:03  祈澈姑娘  阅读(164)  评论(0编辑  收藏  举报