每天上班,重启电脑,按照下面的步骤,打开vue的项目,开始编写代码,但是,今天一如往常一般操作:
1:cd /项目名称
下面就是运行项目了,cd /项目名称,我的文件放在D盘,所以先进入d盘,再进入项目。
cd ShopApp
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](https://upload-images.jianshu.io/upload_images/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
odejs
ode_cache\_logs2018-08-28T03_29_03_820Z-debug.log
![5640239-7bf2c18614df5dfb.png](https://upload-images.jianshu.io/upload_images/5640239-7bf2c18614df5dfb.png)
图片.png
解决办法:
因为机器重启,DHCP重新分配了IP。重新配置工程绑定当前分配的IP就可以了,或者修改本机的IP为静态IP,问题就解决了。
1:打开cmd,命令行运行 ipconfig,得到本机的ip地址:
![5640239-972dd7aad7a59f89.png](https://upload-images.jianshu.io/upload_images/5640239-972dd7aad7a59f89.png)
图片.png
2:找到config文件夹下的index.js文件,打开后,将host的值改为我上一步所得到的ipv4即可
![5640239-cf9b09e09c70aaa6.png](https://upload-images.jianshu.io/upload_images/5640239-cf9b09e09c70aaa6.png)
图片.png
原文作者:祈澈姑娘
技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。