创建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。在本地文件中添加REACT_APP_your_API_key

第二步:

添加配置文件${process.env.REACT_APP_Your_API_key}

第三步:

必须重新启动React应用程序，然后测试它是否工作。

主要是我忘了最后一步

2022-05-23 14:10:53

其他回答

1-确保.env文件基于你的react应用根目录

2-对于react应用程序，你需要在变量名前加上REACT_APP_前缀。例:REACT_APP_API_URL

3 .env文件修改后，kill服务器和NPM重新启动

2022-05-27 20:38:43

我忘了加上process。env。

它看起来是这样的

const domain = process.env.REACT_APP_AUTH0_DOMAIN;

2022-04-23 12:54:06

当使用.env文件时，无论是前端还是后端。

每当修改.env文件时，必须重新启动相应的服务器，以便更改在应用程序中生效。热重载不会从.env文件中读取更改。

2021-06-15 07:49:10

我也遇到了同样的问题，但这是因为我的.env文件是YAML格式而不是JS格式。

这是

REACT_APP_API_PATH: 'https://my.api.path'

但这是必须的

REACT_APP_API_PATH = 'https://my.api.path'

2019-10-06 06:34:16

如果你想使用多个环境，比如。environment .development . environment .production

使用dotenv-cli包

添加.env.development和.env。项目根文件夹中的生产

还有package.json

"scripts": {
    "start": "react-app-rewired start",
    "build-dev": "dotenv -e .env.development react-app-rewired build",
    "build-prod": "dotenv -e .env.production react-app-rewired build",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject"   
},

然后根据环境来建造

npm run-script build-dev

2018-04-10 15:19:47

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

推荐文章

最新文章

标签