专栏首页编程微刊vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081

vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081

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

cd ShopApp

image

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

npm run dev
但是,却出现了以下的报错,一开始很郁闷,仔细看了一下错误提示,应该是IP地址出错了。
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

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

图片.png

图片.png

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

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

图片.png

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081

    每天上班,重启电脑,按照下面的步骤,打开vue的项目,开始编写代码,但是,今天一如往常一般操作: 1:cd /项目名称 下面就是运行项目了,cd /项目名称...

    王小婷
  • throw er; // Unhandled 'error' event 和Error: listen EADDRNOTAVAIL 192.168.0.109:8081

    honey缘木鱼
  • 使用gerrit作为代码评审工具

    需求描述 其实作为项目代码的maintainer,一直习惯于mailing list + git的代码评审及管理,无奈公司主推敏捷+devops,老板让改用ge...

    用户1214695
  • Vue2.x与SpringBoot使用Nginx前后分离

    tanoak
  • webpack、npm 相关错误汇总

    使用webstorm搭建vue项目,报如上错误。 本地node版本为10。 原因: 版本10 fs.promises的API是实验性的,webstorm不...

    城市中的游牧民族
  • 学艺不精,总是掉坑!前后端分离历险记

    Spring Boot + Vue 这一对技术栈目前看来可以说是非常的火热,关于 Spring Boot 松哥已经写过多篇教程,如:

    江南一点雨
  • 我的web开发小结

    一句话,多看官方英文文档,多学习基础知识,尽量使用英文关键词搜索,多使用 stackoverflow,多使用轮子。

    somenzz
  • 十分钟上手-搭建vue开发环境(新手教程)

    王小婷
  • 个人博客满血复活,求测试~~~

    一、 尝试着搭建了一个asp.net mvc的框架:YimoFramework源码 二、 C#写的一个自动签到的服务:AutomaticSignService...

    易墨
  • vue踩坑-Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'

    好了 完美解决Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\componen...

    王小婷
  • vue+element踩坑记-axios的简单应用

    今天简单的记录一下axios的使用,首先声明一下,我是一个vue的初学者,所以很多的vue比较深层次的东西我是不理解的,只是我用到的我会简单的做一个记录,也算是...

    何处锦绣不灰堆
  • 【译】使用箭头函数精简你的 Vue 模块

    本文作者:IMWeb ShiJianwen 原文出处:IMWeb社区 未经同意,禁止转载 原文链接:https://dotdev.co/clean-...

    IMWeb前端团队
  • 【译】使用箭头函数精简你的 Vue 模块

    最近在重构一个用 Vue1.0 写的项目,我通过使用 ES6 的箭头函数来让代码在不升级 Vue2.0 的情况下变得更加简洁和统一。在这个过程中我也遇到了很多坑...

    IMWeb前端团队
  • 介绍一个开源博客项目VBlog并打包部署到已存在运行项目的Nginx服务器下

    对于很多喜欢写博客的IT程序员朋友可能都会有一个搭建自己的博客网站的梦想,今天我要介绍的这个开源项目恰好能帮你实现这个愿望。这个开源项目由国内IT大牛“江南一点...

    用户3587585
  • React-Native android在windows下的踩坑记

    你需要先安装最新版本的node.js(我最后使用的是v4.1.2),前往官网下载>>

    meteoric
  • Vue + TypeScript + Element 项目实战及踩坑记

    本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 。

    夜尽天明
  • 微前端框架 qiankun 项目实战(一)--本地开发篇

    公司使用技术栈是vue,最近遇到了一个需求,要把原有后台管理系统的功能模块搬迁到新的后台管理系统上面去。原本这没有多复杂的事,直接复制粘贴改改就可以,但是有这么...

    coder_koala
  • 微前端框架 qiankun 项目实战(一)--本地开发篇

    公司使用技术栈是vue,最近遇到了一个需求,要把原有后台管理系统的功能模块搬迁到新的后台管理系统上面去。原本这没有多复杂的事,直接复制粘贴改改就可以,但是有这么...

    落落落洛克
  • SpringBoot + Vue 前后端分离项目下载视频文件踩坑记录

      项目服务端用的是 SpringBoot + SpringCloud + SpringDataJPA,前端用的是 Vue,有一个功能需要下载从监控中截取的视频...

    Demo_Null

扫码关注云+社区

领取腾讯云代金券