首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为dev和local设置React环境变量

为dev和local设置React环境变量
EN

Stack Overflow用户
提问于 2022-02-10 06:23:37
回答 2查看 2.1K关注 0票数 0

我是新的反应和设置环境变量为我的项目。我就是这么做的..。

  1. 添加了..env cmdrc.json如下

{“开发”:{ "REACT_APP_BASE_URL":"https://servername:port/“},”暂存“:{ "REACT_APP_BASE_URL":"http://servername:port/”},“本地”:{ "REACT_APP_BASE_URL":"http://localhost:port/“}

  1. 已安装npm

npm安装env-cmd或npm安装-g env-cmd

  1. 编辑了package.json如下:

“启动:开发”:"env-cmd -e开发反应-脚本启动“、”启动:暂存“:"env-cmd -e暂存反应-脚本启动”、“启动:本地响应-脚本启动”、“构建:开发”:"env-cmd -e开发反应-脚本构建“、”构建:阶段“:"env-cmd -e暂存反应-脚本构建”,。

  1. 试过- npm运行启动:开发

给了我env-cmd错误

  1. 再次运行

npm安装env-cmd

现在尝试了- npm运行start:development

未能在默认路径上找到.rc文件:./..env cmdrc,./..env cmdrc.js,./..env cmdrc.json at getRCFile

我是第一次做这件事,我很想知道我错过了什么help..what .

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-02-10 07:33:46

我试过你的代码,但效果很好。

检查您的代码,确保您的配置文件.env-cmdrc.json的位置,它应该放在您的项目的根目录下(与package.json的级别相同)。

票数 2
EN

Stack Overflow用户

发布于 2022-02-10 06:50:17

我建议使用dotenv包而不是env-cmd

在根目录中安装包- dotenv

  • Create npm i .env

  • Declare a环境文件-.env

  • Declare a变量- REACT_APP_URL=http://localhost/....

  • Use变量- process.env.REACT_APP_URL

为了启动React应用程序,您需要检查您的package.json文件并确保它包含如下内容:

代码语言:javascript
复制
 "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

如果设置好了,可以运行以下命令:npm

现在您可以开始编写代码了:)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71060625

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档