在React项目中，修改开发端口是一个常见的操作，尤其是在使用create-react-app或其他脚手架工具创建的项目中。以下是修改端口后如何正确重启项目以使改动生效的详细步骤：
1. 修改端口
首先，你需要找到项目中的package.json文件。这个文件通常位于项目的根目录下。在package.json中，你可以找到一个字段叫做"scripts"，这里定义了启动项目和其他脚本。
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
在这个"start"字段中，默认情况下使用的是react-scripts start。这个命令会启动一个开发服务器，其默认端口是3000。
要修改端口，你需要更改这个命令。例如，如果你想要将端口改为5000，你可以这样做：
"scripts": {
"start": "react-scripts start --port 5000",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
请注意，--port参数后面跟着的是端口号。
2. 保存更改
保存package.json文件后，端口更改就完成了。
3. 重启项目
现在，你需要重启项目以使端口更改生效。在命令行中，导航到项目的根目录，然后运行以下命令：
npm start
或者，如果你使用的是Yarn：
yarn start
这将会启动开发服务器，并且这次将会使用你刚刚设置的端口（例如5000）。
4. 验证更改
在浏览器中输入新的端口地址（例如http://localhost:5000），你应该能看到你的React应用正在运行。
注意事项
- 如果你更改了端口，确保没有其他应用程序或服务正在使用该端口。
- 如果你更改了端口，确保所有的配置文件（如
.env文件）中相关的环境变量也被更新了。 - 如果你是在生产环境中更改端口，可能还需要更新服务器配置和反向代理设置。
通过以上步骤，你可以轻松地在React项目中修改端口并重启项目，以使改动生效。