React项目修改启动的默认端口

最新推荐文章于 2025-06-17 15:50:50 发布
最新推荐文章于 2025-06-17 15:50:50 发布
阅读量5.1k 收藏 7
点赞数 1
CC 4.0 BY-SA版权
分类专栏： react 文章标签： react 项目启动 端口 默认 修改
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liuxing393724034/article/details/99955767

初学react，在浏览器已经启动一个react项目了，启动第二个的时候git提示：在这里插入图片描述
因为react项目默认启动的端口是3000，已经有一个3000的端口在运行了，所以第二个项目需要修改端口，方法：
将package.json文件中的

 "start":"react-scripts start",

修改为

"start": "set PORT=9000 && react-scripts start",
修改 React Native 端口号：完整指南
2301_79326588的博客
10-02 655
通过编辑 React Native 项目的 Metro 配置文件，您可以轻松修改默认的端口号。按照上述步骤进行操作，您就可以使用自定义的端口号来满足特定的需求。附加提示：在修改端口号后，您还需要确保您的应用程序代码中的网络请求和其他相关配置与新的端口号匹配。例如，如果您的应用程序使用了硬编码的 API 地址，您需要相应地更新它们以使用新的端口号。本文将为您提供一份详细的指南，介绍如何修改 React Native 的端口号。要修改端口号，我们需要编辑 Metro 的配置文件。如果您有任何疑问，请随时提问。
react修改项目启动端口号
weixin_69903461的博客
06-23 1003
3、搜索 DEFAULT_PORT。1、打开“node_modules”
React修改端口号
qq_39826423的博客
07-21 782
我们在使用React的时候经常会遇到这种情况，3000端口号被占用。有时候可以关掉3000端口，但更多时候，我们需要打开多个项目的时候，就必须要开启多个端口了。这时候就需要修改默认端口号了。...
从零开始：react-init项目初始化指南
最新发布
weixin_34374684的博客
06-17 359
简介：React是用于构建用户界面的JavaScript库，尤其适合构建单页面应用。本简介详细介绍了使用"react-init"工具或脚手架进行React项目初始化的流程和关键知识点。从创建应用、结构布局、JSX语法，到组件化、状态与props、生命周期方法、Hooks的使用，再到Webpack和Babel的配置、热重载功能、测试与部署，以及丰富的社区生态支持，该流程为开发者提供了一个系统的学习路径和实践指南。
react 修改运行端口号
weixin_45289656的博客
12-27 5208
1、依次打开“node_modules”— “react-scripts”—“scripts”文件夹，找到并打开start.js文件；
react项目中更改默认端口为其它值
corner2030的博客
10-09 1042
通过create-react-app创建的工程，使用npm start起来的端口都是3000。 那么我们如果更改为其它端口呢？ 第一步：安装cross-env npm install cross-env --save 第二步：在package.json中配置9000端口 将"start": "node scripts/start.js", 改为 "start": "cross-env PORT=9...
react,修改3000端口
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
10-10 2336
scripts/start.js文件中： 现在是修改为了2000， 修改成未使用的端口号，重启生效，  
JavaScript React如何修改默认端口号方法详解
10-15
然而，当我们尝试同时启动多个项目，或者3000端口已被其他应用占用时，就需要修改React项目的默认启动端口号。 首先，需要了解的是React项目启动脚本通常是由一个名为react-scripts的npm包管理的，这个包内部包含了...
如何修改create-react-app创建的项目的开发环境端口和自动启动浏览器
仰望星空的代码
02-24 3367
使用create-react-app创建的项目在使用npmstart命令时启动的开发环境server端口为3000并且会自动启动浏览器。本文讨论一下如何修改端口和禁止自动启动浏览器。 一、修改端口 没有修改端口时启动后端口为3000，那么3000是怎么来的呢？打开 ...
解读Create-React-App如何修改默认端口至3000
在create-react-app创建的项目中，开发者可以通过简单的步骤来修改默认端口号。 在修改端口号之前，我们首先要了解create-react-app是如何启动开发服务器的。create-react-app内部使用了Webpack作为其模块打包工具...
如何关闭react的端口号_react怎么配置启动端口
05-20
React 应用程序的默认端口号为 3000。如果想要更改端口号，可以通过在启动命令中添加一个环境变量来实现。例如，要将端口号更改为 8080，可以使用以下命令启动应用程序： ``` PORT=8080 npm start ``` 或者如果...
react修改端口的几种方法
hsany330的专栏
04-22 2415
第一种 方法： 执行npm run eject命名，显示react项目的配置文件，在start.js文件DEFAULT_PORT修改你需要的端口号​​​​​ 第二种方法：在项目的 package.json里面找到start， 加上set PORT=9000 && 第三种方法：在node_modules文件夹中找到react-scri...
react-app-rewired 修改 react 项目默认端口号
AI天才研究院
04-12 9962
package.json 设置： "dev": "PORT=8888 react-app-rewired start" 如下： { "name": "arco-design-pro", "version": "1.0.0", "description": "Arco Design Pro", "scripts": { "start": "react-app-rewired ...
修改react项目默认启动端口
feinifi的博客
12-09 4390
我们通过npx create-react-app tutorial构建一个react项目之后，默认就可以运行，当运行npm run start命令后，编译启动正常，会直接打开系统默认浏览器，访问http://localhost:3000页面，就是我们的react项目默认首页。也就是说，react项目默认端口就是3000，如果需要修改怎么办呢，这时候就需要修改项目根目录下package.js...
npm报错npm ERR! dev: `PORT=3001 react-scripts start` ‘PORT‘ 不是内部或外部命令，也不是可运行的程序
Kidaze的博客
07-17 2233
项目是mac上的，现用windows安装依赖启动后报题目错误，搜索StackOverflow发现： We have a react application and our development machines are both mac and pc. The start command doesn't work for PC so here is how we got around it: "start": "PORT=3001 react-scripts start", "start-pc":
react运行项目当端口被占用直接打开新端口
qq_45524401的博客
09-02 766
四步解决react烦人的端口提示 a.运行 yarn eject 暴露webpack配置 b.打开文件 node_modules/react-dev-utils/WebpackDevServerUtils.js c.找到 choosePort 函数 (大概在449行) d.替换 choosePort function choosePort(host, defaultPort) { return detect(defaultPort, host).then( port =&
解决 react 项目启动端口冲突
林夕
09-25 877
这将列出使用8070端口的进程信息，包括进程ID（PID）。使用以下命令杀死该进程（用你实际找到的PID替换。打开命令提示符（Command Prompt）。找到占用8070端口的进程，并记下其PID。
react脚手架配置-localhost:3000 拒绝访问解决办法
xiaoxiaokuer的博客
09-16 3718
localhost:3000 拒绝访问解决办法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值