本文共 2770 字，大约阅读时间需要 9 分钟。
刚安装好Vue项目运行环境，出现以下问题：
在安装好Vue项目运行环境后，可能会遇到如下的错误信息：
events.js:160 throw er; // Unhandled 'error' event ^Error: listen EADDRINUSE :::8080 at Object.exports._errnoException (util.js:1022:11) at exports._exceptionWithHostPort (util.js:1045:20) at Server._listen2 (net.js:1259:14) at listen (net.js:1295:10) at Server.listen (net.js:1391:5) at EventEmitter.listen (F:\代码\博客改版\学习\Vue\vue-demo\node_modules\express\lib\application.js:618:24) at Object.(F:\代码\博客改版\学习\Vue\vue-demo\build\dev-server.js:85: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:394:7) at startup (bootstrap_node.js:149:9) at bootstrap_node.js:509:3
此外，通过npm的日志也显示：
npm ERR! Windows_NT 6.1.7601npm ERR! argv "D:\\Program Files\\nodejs\\node.exe" "D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"npm ERR! node v6.10.0npm ERR! npm v3.10.10npm ERR! code ELIFECYCLEnpm ERR! vue-demo@1.0.0 dev: `node build/dev-server.js`npm ERR! Exit status 1npm ERR! npm ERR! Failed at the vue-demo@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 vue-demo package,npm ERR! not with npm itself.npm ERR! Tell the author that this fails on your system:npm ERR! node build/dev-server.jsnpm ERR! You can get information on how to open an issue for this project with:npm ERR! npm bugs vue-demonpm ERR! Or if that isn't available, you can get their info via:npm ERR! npm owner ls vue-demonpmnpm ERR! There is likely additional logging output above.npm ERR! Please include the following file with any support request:npm ERR! F:\代码\博客改版\学习\Vue\vue-demo\npm-debug.log
关掉使用8080端口的进程
首先需要确认系统上是否有其他进程已经占用了8080端口。可以通过以下命令查看当前占用的端口：netstat -na | find "8080"
如果有相关进程存在，可以尝试使用以下命令终止该进程：
taskkill /f /t /pid=PID
替换PID为实际的进程ID。
修改项目打开的端口
Vue项目的开发服务器默认使用8080端口。如果端口已经被占用，可以通过以下方式修改默认端口：vue.config.js 或 webpack.config.js），找到相关的端口配置：module.exports = { // ... devServer: { host: 'localhost', port: 8081, // 其他配置 }}npm run dev -- --port 8081
确保修改后的端口没有被其他进程占用。
检查Node.js和npm的版本
确保已安装最新版本的Node.js和npm。可以通过以下命令检查版本：node -vnpm -v
如果版本较旧，先卸载旧版本，重新安装最新版本：
npm uninstall -g nodenpm uninstall -g npm
然后安装最新版本：
npm install -g nodenpm install -g npm
重启IDE或终端
有时端口占用可能与IDE或终端的配置有关，尝试重新启动IDE或终端。查看详细日志
根据错误信息，找到npm-debug.log文件，查看更详细的日志信息，可能会有更多线索。检查防火墙设置
如果在企业网络环境中，可能需要检查防火墙设置，确保8080端口没有被阻止。通过以上步骤，应该能够解决端口占用的问题，顺利启动项目的开发服务器。
转载地址：http://ctnwz.baihongyu.com/