创建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-cmd。JSON添加以下代码行

"scripts": {
"start": "env-cmd -f .env.development react-scripts start ",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"

}

2021-08-10 23:50:55

其他回答

我犯了个愚蠢的错误，把我的文件命名为秘密文件。env，因为我在node。js中就是这么做的。在将名称更改为.env，重新启动终端，并再次运行npm start之后，一切都很顺利

2023-02-04 18:00:47

对我有用的是在我的包中安装env-cmd。JSON添加以下代码行

"scripts": {
"start": "env-cmd -f .env.development react-scripts start ",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"

}

2021-08-10 23:50:55

添加.env文件后，您需要

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

它应该能起作用

2021-09-22 08:34:47

我也没有得到任何价值。出于某种原因，我认为环境文件应该是dev.env, qa。env等等。实际上，它只是“。env”。就是这样。以防别人犯同样的错误。

2021-07-27 15:42:28

对于那些应用了上面所有这些答案但没有工作的人，只要重新启动npm start的终端，停止活动服务器并再次运行它，它就会工作，因为它对我有用

2021-01-16 23:37:54

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

推荐文章

最新文章

标签