创建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就不行

当前回答

对于任何VS Code用户，请注意.env. conf文件。本地env文件是自动获取的，但当你在项目范围内搜索MY_ENV_VAR时，也会从搜索结果中自动忽略(可能是因为默认情况下git忽略了它)。这意味着如果你的.env. var =中有MY_ENV_VAR=。像我这样的当地人忘记了它，它会破坏东西，你会花15分钟非常困惑。

2021-03-23 15:27:48

其他回答

我忘了加上process。env。

它看起来是这样的

const domain = process.env.REACT_APP_AUTH0_DOMAIN;

2022-04-23 12:54:06

当你从环境文件中获得undefined时，只需停止终端并使用NPM start命令重新启动。

2021-04-29 08:06:20

如果以上这些方法都不适合你，试试下面这些可能的方法:

确保文件中需要定义环境变量的所有导入语句都是从本地项目导入的，而不是从其他项目导入的(VSCode错误地以这种方式自动完成了一些导入语句) 尝试退出当前的终端实例，并在一个新实例中运行应用程序

2022-06-04 16:42:51

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

2023-02-04 18:00:47

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

推荐文章

最新文章

标签