创建react应用程序不拾取。env文件?

我使用创建反应应用程序引导我的应用程序。

我添加了两个。env文件。env.development和。env。生产在根。

我的. environment .development包括:

API_URL=http://localhost:3000/api
CALLBACK_URL=http://localhost:3005/callback

当我运行我的应用程序使用反应脚本启动和控制台进程。环境，它吐出

{ NODE_ENV: "development", PUBLIC_URL: "" }

我尝试了不同的事情，但它只是不拾起我的开发文件，我做错了什么?!

领导结构为:

/.env.development
/src/index.js

包中。Json脚本是:

"start": "export PORT=3005; npm-run-all --parallel server:start client:start",
    "client:start": "export PORT=3005; react-scripts start",
    "server:start": "node server.js",
    "build": "react-scripts build",

编辑:

@jamcreencia正确地指出我的变量应该以REACT_APP为前缀。

编辑2

如果我将文件命名为。env，它就可以工作，但如果我使用。env.development或。end.production就不行

当前回答

记住在env文件中的API键后面不要有分号。

REACT_APP_API_KEY = 'ae87cec695cc4heheh639d06c9274a';

应该是

REACT_APP_API_KEY = 'ae87cec695cc44heheh1639d06c9274a'

这是我的错误

2020-08-08 18:47:44

其他回答

对于最新的react-scripts(3.2.0)来说，这很简单

PORT=4000
BROWSER=none

在你的。env或。env.development文件(..etc)中，这应该是在根文件夹中。

它将无法使用REACT_APP前缀(我猜docs已经过时了)，它不需要任何额外的npm包(react-scripts已经包含dotenv 6.2.0)

2019-11-02 11:55:09

create-react不支持热重载功能的.env文件，因为它们不是Javascript。因此，当您更改env文件时，请确保手动启动服务器以查看新更改的效果。

在我的情况下，手动重启服务器工作良好:)

2021-08-05 06:52:13

关于env-cmd。根据VMois在gitHub上的帖子，env-cmd已经更新(编写时版本为9.0.1)，环境变量将在你的React项目上工作如下:

"scripts": {
    "build:local": "env-cmd -f ./.env.production.local npm run build",
    "build:production": "env-cmd -f ./.env.production npm run build"
  }

在你的包裹里。json文件。

2019-05-21 10:40:10

添加.env文件后，您需要

重新启动应用程序关闭服务器再次运行NPM start

它应该能起作用

2021-09-22 08:34:47

确保你的.env文件在根目录中，而不是在src文件夹中。

2019-05-10 21:47:58

创建react应用程序不拾取。env文件?

推荐文章

最新文章

标签