create-react-app
,修改默认端口号
应用场景,当3000端口被占用的时候,此时有需要启动这个项目
-
3000端口是
webpack
配置好的,create-react-app
已经隐藏了webpack
的配置,可以用npm run eject
将webpack
配置导出,然后在script文件夹下的start.js
中修改端口号 -
直接在node_modules/react-script/目录下面,将3000端口换成你想设置的端口号,不建议这样做,因为每次重新安装依赖,都得改一次
-
在
package.json
文件中设置端口号,先安装cross-evn
模块,修改package.json
,传递新的PORT环境变量。-
全局安装
cross-evn
npm install cross-evn -g
-
修改
package.json
:"scripts": { "start": "cross-env PORT=5000 react-scripts start", //... }
-