Vue----运行常见问题

最新推荐文章于 2024-07-31 09:41:48 发布

damys

最新推荐文章于 2024-07-31 09:41:48 发布

阅读量1.9k

点赞数

分类专栏： Vue 文章标签： vue vue-默认端口

本文链接：https://blog.csdn.net/damys/article/details/78015699

版权

Vue 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

问题1： num run dev 报错

E:\xampp\htdocs\vue\lab\test>npm run dev

> test@1.0.0 dev E:\xampp\htdocs\vue\lab\test
> node build/dev-server.js

> Starting dev server...
events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: listen EACCES 0.0.0.0:8080
    at Object.exports._errnoException (util.js:1018:11)
    at exports._exceptionWithHostPort (util.js:1041:20)
    at Server._listen2 (net.js:1245:19)
    at listen (net.js:1294:10)
    at Server.listen (net.js:1390:5)
    at EventEmitter.listen (E:\xampp\htdocs\vue\lab\test\node_modules\_express@4.15.4@express\lib\ap
plication.js:618:24)
    at Object.<anonymous> (E:\xampp\htdocs\vue\lab\test\build\dev-server.js:83:18)
    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:389:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:504:3

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "D:\\Program Files\\nodejs\\node.exe" "D:\\Program Files\\nodejs\\node_modules\\npm\\b
in\\npm-cli.js" "run" "dev"
npm ERR! node v6.11.1
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! test@1.0.0 dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the test@1.0.0 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 test 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 test
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls test
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     E:\xampp\htdocs\vue\lab\test\npm-debug.log

E:\xampp\htdocs\vue\lab\test>

Vue 运行端口默认为：8080, 查看错误提示：

Error: listen EACCES 0.0.0.0:8080

处理：一般是端口被占用，修改端口重新运行即可

方式1：修改vue-cli 默认端口：index/config/index.js
dev: {
    env: require('./dev.env'),
    port: 8008,
    autoOpenBrowser: true,
    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
  }

方式2：将其它服务器占用的端口改为另一个端口