vue2.X版本vue-cli生成项目后运行失败,报错信息为getaddrinfo ENOTFOUND localhost

问题:

1、使用vue-cli生成项目

2、npm install

3、npm run dev,报错信息如下

解决方法:

经查,发现package.json中dev的脚本变成了"webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js",使用了webpack-dev-server

出现此问题是因为webpack-dev-server启动时要指定ip,不能直接通过localhost启动,有多种解决方法

1、在hosts文件中写localhost和ip的对照

2、修改config/index.js下dev配置中的host为ip:127.0.0.1(注意这里不能写成http://127.0.0.1)仍然会报上述错误

3、在package.json的scripts的dev中设置启动的ip

第二种和第三种方法均为亲自事件,均可解决问题

时间: 2024-07-30 02:08:45

vue2.X版本vue-cli生成项目后运行失败,报错信息为getaddrinfo ENOTFOUND localhost的相关文章

tomcat部署新的项目的时候出现报错信息: Invalid byte tag in constant pool: 15

上面一堆tomcat启动的提示信息省略掉,下面是报错的具体信息:org.apache.tomcat.util.bcel.classfile.ClassFormatException: Invalid byte tag in constant pool: 15 at org.apache.tomcat.util.bcel.classfile.Constant.readConstant(Constant.java:131) at org.apache.tomcat.util.bcel.classfi

Eclipse导入Web项目后代码不报错但项目报错(左上角有红叉)解决方案

在学习别人的项目时,导入Web项目到Eclipse中时代码不报错但项目报错(左上角有红叉).开发环境:J2EE5+JDK8,IDE使用Eclipse开发,代码文件没有任何报错,不管是java文件.jsp文件还是xml文件,总之项目下的任何文件都是正常的,没有任何报错提示,但是项目图标的左上角就是有红叉! 解决方案一:请检查build path中Libraries下的jar包是不是有报错提示. 解决方案二:请检查你的各处Java版本配置是否一致,体现在三个地方:build path中jre版本,J

nuxt 运行项目后 中总是报错

报错的内容: nuxt.config.js中的图片 如果出现第一张图的中的错误: 请注释掉第二张图中extend里面的loader:'eslit-loader',或者把extend里面if下面的内容全部注释掉错误就会消失. 出现错误的原因: 是用了es6,我们的代码不规范造成的. 最近在做服务器渲染,遇到了这个坑,记录下来,自己留个底和供大家参考一下,少浪费大家时间. 原文地址:https://www.cnblogs.com/qianduanting/p/8205581.html

tomcat部署新的项目启动时出现报错信息: Invalid byte tag in constant pool: 15

...... org.apache.tomcat.util.bcel.classfile.ClassFormatException: Invalid byte tag in constant pool: 15 at org.apache.tomcat.util.bcel.classfile.Constant.readConstant(Constant.java:131) at org.apache.tomcat.util.bcel.classfile.ConstantPool.<init>(C

使用vue cli开发项目中遇到的坑

一.部署文件 使用vue cli 开发项目,执行npm run build命令生成dist静态文件,将dist文件包放到服务器中即可. 刚接触webpack,不知道怎么部署前端文件,原以为需要将app文件上传,在 inux上安装node,以及npm install 一系列的包,捣鼓了很久,发现只需要执行 npm run build 将源码打包成一个静态文        文件即可,上传静态文件dist,将 controller指向index.html. 二.跨域问题 实行前后端分离,使用vue i

C#开发之问题汇总-降低NetFramework版本后,没有报错,生成失败

问题:-降低NetFramework版本后,没有报错,生成失败 原因:由于引用的dll与NET Framework版本不一致,导致,没有报错,但是生成失败 视图->输出,中能看到具体出错如下: 4>C:\Program Files (x86)\MSBuild\14.0\bin\Microsoft.Common.CurrentVersion.targets(1819,5): warning MSB3275: 未能解析主引用"D:\workspace\练习\ServerManager_E

使用@vue/cli初始化项目

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 卸载它.附上vue-cli官方文档地址 首先检查你的node版本,Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+),命令为 node --version 1.安装vue-cli,-g表示全局安装,这样你才可以直接在命令行使用该指令,否则不行 npm insta

vue项目npm run dev报错events.js:160 throw er; // Unhandled &#39;error&#39; event listen EADDRINUSE :::8002

出错情况,如下图: 报错原因: listen EADDRINUSE :::8002 意思是当前8002端口被占用 解决办法: 一:简单粗暴:关掉可能影响的相关程序,重新执行启动. 二: 1.Win+R,cmd查询使用的端口号是否被占用: 输入命令:netstat -aon|findstr "8002" 按回车显示占用8080端口对应的程序的PID号:如下图: 2.根据PID号找到对应的程序: 输入命令:tasklist|findstr "12452" 按回车后显示出

新建maven项目出错 pom.xml报错

问题: 1.新建项目后会提示一个这样的错 maven-compiler-plugin:3.1:compile(1 errors) maven-compiler-plugin:3.1:testCompile(1 errors) 2.关掉后看pom.xml 3.plugin标签也报错,无法解析 鼠标放红叉上提示 错误: CoreException: Could not calculate build plan: Plugin org.apache.maven.plugins:maven-compil