当前位置: 首页 > 面试题库 >

如何指定运行基于create-react-app的项目的端口?

艾才良
2023-03-14
问题内容

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

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


问题答案:

如果您不想设置环境变量,则另一个选择是从以下位置修改scriptspackage.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 && html" target="_blank">react-scripts start"

cross-env lib 随处可见。

由于我的答案的流行而进行更新:
当前,我更喜欢使用.env文件中保存的环境变量(用于以deploy方便易读的形式存储用于不同配置的变量集)。不要忘记添加*.env.gitignore如果你还在存储你的秘密.env文件。这是为什么在大多数情况下使用环境变量更好的解释。这是为什么在环境中存储秘密不是一个好主意的解释。



 类似资料:
  • 问题内容: 我正在使用create-react-app,但不喜欢。 目前尚不清楚通过@ font-face导入并本地加载的字体应该放在哪里。 即我正在加载 有什么建议么? -编辑 包括丹在回答中提到的要点 问题答案: 有两种选择: 使用导入 这是建议的选项。它可以确保字体通过构建管道,在编译过程中散列,以便浏览器缓存正常工作,并且在缺少文件的情况下得到编译错误。 如“添加图像,字体和文件”中所述,

  • 我正在部署一个网站,它将有几个反应项目,是用create-react-app构建的。每个项目都将在自己的网页上:例如:mywebsite.com/project1,mywebsite.com/project.我正在Ubuntu服务器上设置一个nginx反向代理(我知道如何配置),但我不确定如何指定端口号对于我的每个创建-反应-应用程序项目,以便每个项目都有一个唯一的端口。有人能解释一下如何做到这一

  • 或默认情况下将在端口3000上运行应用程序,并且没有在package.json.中指定端口的选项 在这种情况下,如何指定我选择的端口?我想同时运行两个项目(用于测试),一个在端口中,另一个在端口

  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。

  • ~$npm create-react-app my-app 安装软件包。这可能需要几分钟。使用cra-template安装react、react-dom和react-scripts... core-js@2.6.11 postinstall/home/ubuntu/my-app/node_modules/babel-runtime/node_modules/core-js node-e“try{r

  • 问题内容: 我使用此链接作为起始文件进行了项目。 https://github.com/facebookincubator/create-react- app 但是在我尝试使Facebook登录按钮与他们的官方文档一起使用之后。 所以刷新浏览器时出现此错误。 所以我想是因为ESLint会导致此错误。如何解决此问题或对该变量进行例外处理? 谢谢! 问题答案: ESLint不知道该变量是全局变量。您可