创建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，因为我在node。js中就是这么做的。在将名称更改为.env，重新启动终端，并再次运行npm start之后，一切都很顺利

2023-02-04 18:00:47

其他回答

为此，有env-cmd模块。安装通过npm npm i env-cmd然后在你的包。Json文件在脚本部分:

  "scripts": {
    "start": "env-cmd .env.development react-scripts start",
    "build": "GENERATE_SOURCEMAP=false env-cmd .env.production react-scripts build",
  }

在你的项目根目录中，你必须创建两个env变量相同但值不同的文件:

.env.development
.env.production

那就把他们排除在公众之外。在你的.gitignore文件中添加两行:

.env.development
.env.production

因此，这是为dev和prod使用不同的env变量的正确方法。

2018-10-28 08:51:02

2023-02-04 18:00:47

使用create react app，你需要在变量名前加上REACT_APP_前缀。例:

REACT_APP_API_URL=http://localhost:3000/api
REACT_APP_CALLBACK_URL=http://localhost:3005/callback

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

CRA文档添加自定义环境变量:

注意:必须创建以REACT_APP_开头的自定义环境变量。除了NODE_ENV之外的任何其他变量都将被忽略，以避免意外地暴露机器上可能具有相同名称的私钥

2018-01-22 09:41:40

也有同样的问题!解决方案是关闭与我的节点服务器的连接(你可以用CTRL + C来做)，然后用'npm run start'重新启动服务器，.env应该可以正常工作。

来源:Github

2019-04-19 22:36:57

第一步:

在你的。env。在本地文件中添加REACT_APP_your_API_key

第二步:

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

第三步:

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

主要是我忘了最后一步

2022-05-23 14:10:53

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

推荐文章

最新文章

标签