vue報錯總結
阿新 • • 發佈：2018-12-10
1.vue在開發環境中執行npm run dev時報錯：
前一天公司伺服器掛掉，當天沒有執行專案，第二天執行專案的時候出現以下報錯：
$ npm run dev > [email protected] dev C:\Users\user\Desktop\Pr_BD_CASE02_DV > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 10% building modules 0/1 modules 1 active ... webpack/hot/dev-server ./src/main 10% building modules 1/1 modules 0 activeevents.js:183 throw er; // Unhandled 'error' event ^ Error: listen EADDRNOTAVAIL 192.168.3.n:8080 at Object._errnoException (util.js:992:11) at _exceptionWithHostPort (util.js:1014:20) at Server.setupListenHandle [as _listen2] (net.js:1338:19) at listenInCluster (net.js:1396:12) at doListen (net.js:1505: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:695:11) at startup (bootstrap_node.js:191:16) at bootstrap_node.js:612:3 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR![email protected] dev: `webpack-dev-server --inline --progress --co nfig build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] dev script. npm ERR! This is probably not a problem with npm. There is likely additional log ging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\user\AppData\Roaming\npm-cache\_logs\2018-09-20T01_56_27_2 01Z-debug.log
主要報錯資訊點在：
Error: listen EADDRNOTAVAIL 192.168.3.n:8080
at Object._errnoException (util.js:992:11)
at _exceptionWithHostPort (util.js:1014:20)
報錯原因是埠號佔用問題，因此在cmd中查看了本地IP地址：
開啟cmd，輸入ipconfig，檢視本地IP地址：
然後再對比vue專案中config資料夾中index.js檔案中的host後的IP值，發現IP值不一樣了（需要帶查詢問題，IPv4後的值為什麼改變了~~~），因為我之前已經設定為本地IP值了，因此一開始並沒有注意到這個問題。
因此將host後的IP值修改現在的IPv4後的值後，再次執行npm run dev就沒有報錯了。