0

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

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

    {
 "development":{
 "REACT_APP_BASE_URL": "https://servername:port/"
 },
 "staging":{
 "REACT_APP_BASE_URL": "http://servername:port/"
 },
  "local":{
  "REACT_APP_BASE_URL": "http://localhost:port/"
  }
 }

  2. 安装了 npm

npm install env-cmd 或 npm install -g env-cmd

  1. 编辑 package.json 如下：

     "start:development": "env-cmd -e development react-scripts start",
 "start:staging": "env-cmd -e staging react-scripts start",
 "start:local": "env-cmd -e local react-scripts start",
 "build:development": "env-cmd -e development react-scripts build",
 "build:staging": "env-cmd -e staging react-scripts build",

  2. 试过 - npm run start:development

    给了我 env-cmd 错误

  3. 又跑了

    npm 安装环境-cmd

  4. 现在尝试 - npm run start:development

无法在默认路径中找到 .rc 文件：[./.env-cmdrc,./.env-cmdrc.js,./.env-cmdrc.json] 在 getRCFile

我是第一次这样做，将不胜感激任何帮助..我在这里错过了什么..

4

2 回答 2

1

我试过你的代码，但效果很好。
检查你的代码，确保你的配置文件的位置.env-cmdrc.json，它应该放在你项目的根目录下（与 相同的级别package.json）

于 2022-02-10T07:33:46.570 回答
0

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

  1. 安装包 - npm i dotenv
  2. 在你的根目录中创建一个环境文件 - .env
  3. 声明一个变量 - REACT_APP_URL=http://localhost/....
  4. 使用变量 - process.env.REACT_APP_URL

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

 "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

如果已经到位，您可以运行以下命令：npm start

现在你可以开始编码了:)

于 2022-02-10T06:50:17.293 回答