npm dev run 8080報錯的解決辦法

最近在學vue
準備利用官方的腳手架先搭建環境而後寫一個小demo，結果各類不順利

$ npm install vue-cli -g # 順利完成
$ vue init webpack vue-demo #順利
$ cd vue-demo/
$ npm install # 遇到問題了
$ npm run dev # 遇到問題了

npm install 遇到問題 - 解決辦法

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "E:\Program Files\nodejs\node.exe" "E:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v4.4.1
npm ERR! npm v2.14.20
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package eslint-plugin-promise@2.0.1 does not satisfy its siblings' peerDependencies requirements!npm ERR! peerinvalid Peer eslint-config-standard@6.2.1 wants eslint-plugin-promise@>=3.3.0

npm ERR! Please include the following file with any support request:npm ERR! E:MySoftwaretestGitwebpackvue-projectnpm-debug.log

解決辦法

node版本低，下載高版本

• 卸載之前node版本，下載新版本從新安裝

• 使用 npm install -g n 能夠更新node 可是很悲劇，個人報錯

npm run dev # 遇到問題- 解決辦法

vue-project@1.0.0 dev E:MySoftwaretestGitwebpackvue-projectnode build/dev-server.js "8088"
events.js:160

  throw er; // Unhandled 'error' event
  ^
Error: listen EACCES 0.0.0.0:8080

at Object.exports._errnoException (util.js:1026:11)
at exports._exceptionWithHostPort (util.js:1049:20)
at Server._listen2 (net.js:1244:19)
at listen (net.js:1293:10)
at Server.listen (net.js:1389:5)
at EventEmitter.listen (E:\MySoftware\testGit\webpack\vue-project\node_modules\express\lib\application.js:617:24)
at Object.<anonymous> (E:\MySoftware\testGit\webpack\vue-project\build\dev-server.js:62:22)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.runMain (module.js:604:10)
at run (bootstrap_node.js:394:7)
at startup (bootstrap_node.js:149:9)
at bootstrap_node.js:509:3

$ npm dev run --port 1314 # 不行啊，，報錯 瘋了

網上找不少帖子，都沒有寫解決辦法，本身來嘍，也是神奇的錯誤

最後，神奇的是，錯誤竟然被哦改好了

解決辦法

進入 vue-demo/config/index.js

dev: {
    env: require('./dev.env'),
    port: 8088,        # 注意了啊。。。修改爲你要的端口，接着運行代碼就看到效果了
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
    // CSS Sourcemaps off by default because relative paths are "buggy"
    // with this option, according to the CSS-Loader README
    // (https://github.com/webpack/css-loader#sourcemaps)
    // In our experience, they generally work as expected,
    // just be aware of this issue when enabling this option.
    cssSourceMap: false
  }

$ npm run dev --port 8088 # ok 訪問http://localhost:8088/查看結果