vue每次运行起来端口不一致问题

傷城~ 2021-10-19 08:50 854阅读 0赞

今天遇到了一个很恐怖的问题，vue项目npm run dev运行起来后每次的端口号都不一致。

我查了N遍，确定8080端口没有被占用，重启了N次，我也确定没有配置错什么。但问题就是发生了。

![20190819224204727.png][]

![20190819224216316.png][]![20190819224228371.png][]![20190819224241623.png][]

基本看图就能感受到我的无奈了吧！！！

为此百度了很久终于找到两篇文章解决了我的困惑

1.获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,依次类推...8080+n)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70][]

2.portfinder新发布的版本异常

解决方案：

npm install portfinder@1.0.21

太感谢了！

项目终于正常运行了！！！

![20190819225340313.png][]

参考链接：[https://blog.csdn.net/weixin\_34032779/article/details/86264300][https_blog.csdn.net_weixin_34032779_article_details_86264300]

参考链接：[https://blog.csdn.net/marko\_zheng/article/details/99737476][https_blog.csdn.net_marko_zheng_article_details_99737476]

**如果有帮到你的话，欢迎激励一下作者。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70 1][]

[20190819224204727.png]: /images/20211018/2f6e9bd04f70455cb98266c4ed8d0eef.png
[20190819224216316.png]: https://img-blog.csdnimg.cn/20190819224216316.png
[20190819224228371.png]: https://img-blog.csdnimg.cn/20190819224228371.png
[20190819224241623.png]: /images/20211018/74cc098181a04bd5ae908dd1a8354f30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70]: /images/20211018/7aa8f21f6b3a4e449e4dbca3e2a7e0b1.png
[20190819225340313.png]: /images/20211018/015cfcb8da3740bfbcfc51a14afcaac1.png
[https_blog.csdn.net_weixin_34032779_article_details_86264300]: https://blog.csdn.net/weixin_34032779/article/details/86264300
[https_blog.csdn.net_marko_zheng_article_details_99737476]: https://blog.csdn.net/marko_zheng/article/details/99737476
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70 1]: /images/20211018/71e173625f3d4e4094d3d018d485327c.png