1. 程式人生 > >vue腳手架 使用npm run dev 遇到的錯誤問題

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
      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/

[email protected]/lib/application.js:617:24)
    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!
[email protected]
dev: `node build/dev-server.js`
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

vuenpm 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.

vuenpm 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——Vuenpm run devnpm 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

vuenpm run dev執行專案不能自動開啟瀏覽器!

上個專案結束就很久沒有使用vue了,最近打算用vue搭建自己的個人站點就準備先建立專案。 然後就出現了一系列問題,可能是很久沒用吧,太生疏了,之前又不小心把環境變數刪除了,結果各種不是內部或外部命令。 這裡要說的問題就是一個讓我很不爽的問題:  I  Your appl

vuenpm run dev自動開啟瀏覽器姿勢(自動獲取本地ip)

vue 的 npm run dev 自動開啟瀏覽器姿勢(自動獲取本地的ip地址) 前言 比這開發時,用了vue-cli,執行npm run dev命令列時會自動開啟瀏覽器,並且預設的是開啟http:// localhost:埠/,當我想用手機裝置去訪問時,訪

vuenpm 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

vuenpm 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 devnpm 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