vue腳手架 使用npm run dev 遇到的錯誤問題
[email protected] dev /Users/xxx//WebstormProjects/first-vue
> node build/dev-server.js
events.js:160
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE :::8080
at Object.exports._errnoException (util.js:953:11)
at exports._exceptionWithHostPort (util.js:976:20)
at Server._listen2 (net.js:1253:14)
at listen (net.js:1289:10)
at Server.listen (net.js:1385:5)
at EventEmitter.listen (/Users/ym-os/WebstormProjects/first-vue/node_modules/
at Object.<anonymous> (/Users/ym-os/WebstormProjects/first-vue/build/dev-server.js:60:22)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Function.Module.runMain (module.js:575:10)
at startup (node.js:160:18)
at node.js:449:3
npm ERR! Darwin 15.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v6.2.0
npm ERR! npm v3.8.9
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'node build/dev-server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the first-vue package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node build/dev-server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs first-vue
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls first-vue
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /Users/ym-os/WebstormProjects/first-vue/npm-debug.log
該問題是因為腳手架工具預設監聽的是8080埠,此時是8080埠被佔用情況導致的。
找出8080端口占用程序然後殺死
執行sudo lsof -i :8080
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
httpd 79 root 6u IPv6 0x16935b8002e27567 0t0 TCP *:http-alt (LISTEN)
執行sudo kill -9 79
再執行sudo npm run dev,然後搭建成功.
相關推薦
vue-cli webpack打包遇到的坑,npm run dev 沒有錯誤,訪問頁面卻沒有內容
1. git clone [email protected]:hotsuitor/learn_vuejs.git2. npm install 3. npm run dev 4. 在瀏覽器開啟頁面檢視,什麼內容也沒有4.2 正常應該可以看到這樣的效果5. emmmm
vue 中npm run dev自動開啟瀏覽器與熱更新
一、自動開啟瀏覽器 config/index.js 修改autoOpenBrowser:ture 重啟專案 二、熱更新 1. config/index.js 修改dev中 poll選項值為true(或者時間) 2.build/webpack.dev.conf.js 修改d
Error: listen EADDRNOTAVAIL vue專案npm run dev 出錯
從其他的地方拉的專案,然後執行出錯了 出這個錯誤是因為在專案中的配置項中設定了host:比如在config檔案中的index裡的dev中 兩種解決辦法,第一個就是把這個host註釋掉,或者把這個地方換成127.0.0.
vue中npm run dev 報錯
1.報錯了。。。 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable
20181126——Vue中npm run dev和npm run build
├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─we
vue中npm run dev執行專案不能自動開啟瀏覽器!
上個專案結束就很久沒有使用vue了,最近打算用vue搭建自己的個人站點就準備先建立專案。 然後就出現了一系列問題,可能是很久沒用吧,太生疏了,之前又不小心把環境變數刪除了,結果各種不是內部或外部命令。 這裡要說的問題就是一個讓我很不爽的問題: I Your appl
vue的npm run dev自動開啟瀏覽器姿勢(自動獲取本地ip)
vue 的 npm run dev 自動開啟瀏覽器姿勢(自動獲取本地的ip地址) 前言 比這開發時,用了vue-cli,執行npm run dev命令列時會自動開啟瀏覽器,並且預設的是開啟http:// localhost:埠/,當我想用手機裝置去訪問時,訪
vue中npm run dev 不能自動開啟瀏覽器執行專案
最近用vue2.0 + webpack搭建了環境建立新的專案。出現一個很蹩腳的問題: 但是,在之前 執行npm run dev 之後會預設自動開啟瀏覽器執行的。百度之後,找到了解決的辦
vue cli npm run dev時候報錯
如下$ npm run dev> [email protected] dev C:\Users\Damin\Desktop\vuedemo2> webpack-dev-server --inline --progress --config build/w
vue腳手架 使用npm run dev 遇到的錯誤問題
mac 系統 執行 sudo npm run dev [email protected] dev /Users/xxx//WebstormProjects/first-vue > node build/dev-server.js events.js:160
解讀 vue-cli 腳手架(一):npm run dev的背後
揭祕 vue-cli 腳手架 前言:記得自己大二(2016年)的時候,經過同學的介紹,偶然間接觸到了 vue 的專案。那時候的自己對於這一項新興的技術掌握程度並不好,一來二去折騰了一個星期,也沒有弄明白裡面的原理(因為當時從來沒有接觸過這種腳手架,通過webpa
【vue】npm run mock & npm run dev 無法同時運行的解決
1-1 test 搭建 cnpm 無法 cnp 分享圖片 http 有用 【關於系統,沒註明的都是windows系統,若以後用的是mac系統則會另外備註】 當項目數據是通過mock搭建而成(參照:【vue】本地開發mock數據支持)時,運行mock服務器和項目的命令 就參照
vue 運行npm run dev報錯
node body vue width OS 運行 all post http npm run dev運行時報錯,原因有很多。 一般用下面這種方法都能解決的。 最簡單粗暴的方法: 1.刪除依賴包node_modules 2.然後重新npm install就行了 (如果這步報
用vue-cli進行npm run dev時候Cannot GET/
bsp vue-cli tsp 技術 can dev index run sset 在用vue cli進行項目npm run dev 時候,頁面Cannot GET/ 主要是把config/index.js裏面的dev:{assetsPublicPath:‘/‘}改成了跟
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 -------> 報錯如下:
mac無法npm run dev VUE項目
config In ogr npm pro 註意 == ack fig 在MAC上運行從PC過來的VUE項目提示出錯: npm run dev ==> webpack-dev-server --inline --progrtess --config build/w
vue項目,npm install後,npm run dev報錯問題
HERE 運行 err The too web nbsp stat 解決 報錯: ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: `node build/dev-server.js`
Vue 項目在其他電腦 npm run dev 運行報錯的解決方法
mod modules nbsp alt git 運行 .org ges tar 一個 Vue 項目從一臺電腦上傳到 github 上之後,再另外一臺電腦上 git clone 。並使用 npm run dev 或 npm run start 發生以下報錯的解決方法。
Vue搭建環境時npm run dev,npm ERR! code ELIFECYCLE
報錯如下 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webp
npm run dev出現'webpack-dev-server' 不是內部或外部命令,也不是可執行的程式錯誤
今天使用vue開發一個新專案,搭建好環境後,先後使用cnpm install和npm i element-ui -S命令,在npm run dev時出現了'webpack-dev-server' 不是內部或外部命令,也不是可執行的程式錯誤; 後來刪除了依賴包,統一進行npm