我的项目是基于create-react-app.默认情况下,npm startyarn start将在port 3000上运行应用程序,并且没有在包中指定端口的选项.json.

在这种情况下,如何指定自己 Select 的端口?我想同时运行这个项目的两个(用于测试),一个在端口3005,另一个在端口3006

推荐答案

如果不想设置environment variable,另一个选项是修改包的scripts部分.json来源:

"start": "react-scripts start"

Linux(在Ubuntu 14.04/16.04上测试)和MacOS(在MacOS Sierra 10.12.4上由@aswin-s测试):

"start": "PORT=3006 react-scripts start"

或者@IsaacPak(可能是)更通用的解决方案

"start": "export PORT=3006 react-scripts start"

Windows@JacobEnsor溶液

"start": "set PORT=3006 && react-scripts start"

cross-env lib works everywhere. See Aguinaldo Possat到 answer for details

Update due 到 the popularity of my answer: Currently I prefer 到 use environment variables saved in .env file(useful 到 s到re sets of variables for different deploy configurations in a convenient and readable form). Don't forget 到 add *.env in到 .gitignore if you're still s到ring your secrets in .env files. Here is the explanation of why using environment variables is better in the most cases. Here is the explanation of why s到ring secrets in environment is bad idea.

Reactjs相关问答推荐

可选链和useState挂钩

有没有办法将在服务器端全局获取的一些数据传递到Next&>13应用程序目录中的客户端组件?

App.js中的H2组件不会动态呈现.这可能是什么问题?

为什么我的react虚拟化列表不显示滚动条,除非我确保高度低于rowCount*rowHeight?

捕获表单数据时的Reactjs问题

GoLang有条件地为.js.gz提供服务(如果它存在),否则为.js

如何从react 18-nextjs 14应用程序路由中的客户端组件呈现服务器组件?

如何解决Reaction中遗留的上下文API错误?

如何从Reaction-Arborist树获取排序数据

在一个事件处理程序中进行多次调度是个好主意吗?

React设置上下文并进行导航

如何在使用 React Router v6 将当前页面的状态传递给上一页的同时导航到上一页?

React - 添加了输入数据但不显示

React - 使用 React 显示错误和积极alert

如何使图标适合 react-bootstrap 中的行元素

React Router v6 - 访问嵌套路由和处理手写 url 的正确方法

react-query、react-hook-form 和表单验证

未捕获的错误:操作必须是使用 redux/toolkit 的普通对象

设置 Material UI 表格默认排序

如何将本地视频文件上传到 Google Cloud