我们一般react的默认端口号都是3000,当我们想要同时打开两个项目的时候他就会提示端口号占用,如何解决这个问题 ,有两个办法:
方法一:

依次打开node_modules => react-scripts => scripts
在这里插入图片描述
然后点击进入start.js 文件夹 下滑找到第55行左右
在这里插入图片描述直接修改3000改成你想要的端口号 重启项目就可以了 。

方法二:

这个方法就相对简单了 我们每次创建项目都会有一个package.json文件 ,这个文件是记录我们项目安装包的文件

我们打开这个文件


 "scripts": {
   "start": "react-scripts start",
   "build": "react-scripts build",
   "test": "react-scripts test",
   "eject": "react-scripts eject"
 },

找到这段调试代码
修改start 给他加上一个PORT值 如下图所示


  "scripts": {
    "start": "set PORT=8050 && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

最后重启项目 我们的端口号就被修改了

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐