vue2.X版本vue-cli生成項目後運行失敗，報錯信息為getaddrinfo ENOTFOUND localhost

阿新 • • 發佈：2017-12-06

alt 錯誤 .com getaddr images 版本 str 配置 scrip

問題：

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

技術分享圖片

第二種和第三種方法均為親自事件，均可解決問題

vue2.X版本vue-cli生成項目後運行失敗，報錯信息為getaddrinfo ENOTFOUND localhost

alt 錯誤 .com getaddr images 版本 str 配置 scrip 問題： 1、使用vue-cli生成項目 2、npm install 3、npm run dev，報錯信息如下解決方法：經查，發現package.json中dev的腳本變成了"web

【轉】使用vue-cli搭建項目

cnblogs 安裝完成配置 detail pack 文件夾 cache install 需要 vue-cli 是一個官方發布 vue.js 項目腳手架，使用 vue-cli 可以快速創建 vue 項目，GitHub地址是：https://github.com/vuejs

nvm安裝到vue-cli構建項目

項目 vue-cli 設置 pat windows utl web 環境 ini 首先從 https://github.com/coreybutler/nvm-windows/releases 下載Nvm到本地然後把本地Nvm包解壓安裝並從安裝路徑下找到settings.

vue-cli搭建項目模擬後臺接口數據，webpack-dev-conf.js文件配置

server 模擬 style routes webpack 是你 api 第一步 js文件首先第一步 const express = require(‘express‘) const app = express() var appData = require(‘../

Vue-cli 構建項目的`.vue`組件中, scss中添加背景圖路徑問題

絕對路徑 target ash vue png stack span urn 路徑問題【解決方法】：更改build/utils.js文件中的 ExtractTextPlugin 的 options配置. if (options.extract) { return

vue-cli 配置項目名和域名

bsp cal mage ges run 圖片反向 http image 默認運行 npm run dev 域名為localhost：8080 但是需要配置反向代理，這時候就需要去配置域名跟項目名 vue-cli 配置項目名和域名

vue-cli 構建項目在IE中無法運行解決方式(build之後可運行)

會有支持 run nbsp happy 是我 word htm 項目 IE瀏覽器（只考慮IE11，更低版本我沒考慮）運行時報 Promise未定義的錯誤解決辦法： 1. 安裝babel-polyfill 　　（1.）　npm install babel-poly

Vue 爬坑之路（一）—— 使用 vue-cli 搭建項目（增補）

web http class 模板 clas ebp 搭建 com png cd 指定好安裝目錄 vue init webpack 項目名稱執行 vue vue list 查看可應用模板 vue init webpack +名字

vue（一）使用vue-cli搭建項目

onf github code 命令行工具大寫 dev 安裝webpack 顯示 fig 一、安裝node.js 去官網下載安裝node.js: https://nodejs.org/en/ 安裝完成後，可以在命令行工具（Windows是cmd，蘋果是終端控制）輸入

Vue 爬坑之路（一）—— 使用 vue-cli 搭建項目

wrong run 自己文件的 ima tca 來安 mage 前綴 vue-cli 是一個官方發布 vue.js 項目腳手架，使用 vue-cli 可以快速創建 vue 項目，GitHub地址是：https://github.com/vuejs/vue-cli 一、

18-vue-cli腳手架項目中組件的使用

ack PC pan bsp ron ebp -c col vue-cli 在webpack-simple模板中，包括webpck模板。一個.vue文件就是一個組件。 18-vue-cli腳手架項目中組件的使用

vue-cli腳手架項目中組件的使用

rip efault webpack import return turn BE 監聽 div 在webpack-simple模板中，包括webpck模板。一個.vue文件就是一個組件。為什麽會這樣呢？因為webpack幹活了！webpack的將我們所有的資源文件進行打

詳解vue-cli腳手架項目-package.json

腳本 shell llb fix author 載器 build last spawn 該隨筆收藏自：　　詳解vue-cli腳手架項目-package.json package.json是npm的配置文件，裏面設定了腳本以及項目依賴的庫。 npm run dev 這樣

vue-cli構建項目常見問題記錄

code plugin asi analyzer 常見 prop report 形式屬性一、 There are multiple modules with names that only differ in casing. 這個情況是如果多出引用的組件有一個地方的引

Vue開篇之Vue-cli搭建項目

分享圖片 row 分享實現關註 start taobao 描述 image 介紹 Vue.js是一套構建用戶界面的漸進式框架。Vue 只關註視圖層，采用自底向上增量開發的設計。Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。第

（一）—— 使用 vue-cli 搭建項目 vue速成法一個大佬的。

node.js 被占用 emp 更新 hub 註意 vue 是否提示 vue-cli 是一個官方發布 vue.js 項目腳手架，使用 vue-cli 可以快速創建 vue 項目，GitHub地址是：https://github.com/vuejs/vue-cli

通過調試vue-cli 構建代碼學習vue項目構建運行過程

debug doc 學習 pac -m 調試過程 nod p s 發生我們知道vue-cli 3.0之前直接基於webpack創建對應配置文件，我們通過學習webpack就能夠了解其構建過程，然而從vue-cli 3.0開始，vue-cli命令行更改為@vue/cli以及

Vue 項目： npm run dev b報錯 “'webpack-dev-server' 不是內部或外部命令，也不是可運行的程序或批處理文件。”

output 安裝 modules RR module -i progress his dev 前提：電腦已經安裝了nodeJS和npm, 項目是直接下載的zip包。報錯步驟為1：cd /d 目錄； 2. npm ren dev -------> 報錯如下：

在 vue cli3 的項目中配置雙服務，模擬 ajax 分頁請求

new css listen -m dir ble col export code 最近安裝了下vue cli3版本，與 cli 2 相比，文件少了，以前配置方法也不管用了。demo 中的大量的數據，需要做成 ajax 請求的方式來展示數據，因此，需要啟動兩個服務，一個用作

tomcat部署新的項目啟動時出現報錯信息： Invalid byte tag in constant pool: 15

tomcat 啟動報錯 invalid byte tag in constant pool ......org.apache.tomcat.util.bcel.classfile.ClassFormatException: Invalid byte tag in constant pool: 15

vue2.X版本vue-cli生成項目後運行失敗，報錯信息為getaddrinfo ENOTFOUND localhost

相關推薦