我的项目基于create-react-app。npm start
或yarn start
默认情况下,将在 端口3000
上运行该应用程序,并且在package.json中没有指定端口的选项。
在这种情况下,如何指定自己选择的端口?我想同时运行此项目的两个(用于测试),一个在端口3005
,另一个在3006
如果您不想设置环境变量,则另一个选择是从以下位置修改scripts
package.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不知道该变量是全局变量。您可