javascript - .env 变量在 React JS 应用程序中返回未定义

Question

我正在开发这个 React 应用程序，并考虑在其中添加一些环境变量，这就是我所做的:

1. 安装了最新版本的react-scripts
2. 在根文件夹(与node_modules文件夹所在的位置相同)上添加了.env文件
3. 添加 REACT_APP_OTHER_OTHER_THING=asdfas 只是为了测试变量

REACT_APP_OTHER_OTHER_THING=asdfas

打开里面的index.js和console.log(process.env.REACT_APP_OTHER_OTHER_THING)来查看输出

import React from 'react';
import Reactdom from 'react-dom';
import App from './App';

console.log(process.env.REACT_APP_OTHER_OTHER_THING, 'DOTENV')

Reactdom.render(<App/>, document.getElementById("app"))

然后我重建了应用程序并启动了应用程序来查看结果但随后它给出了 undefined 作为 process.env.REACT_APP_OTHER_OTHER_THING 的输出。然后我尝试打印 process.env.NODE_ENV (它正在工作并打印“development”作为输出)。

注意:我还尝试添加临时变量，如 https://create-react-app.dev/docs/adding-custom-environment-variables 中的文档所述。 >> 重建服务器并运行 ($env:REACT_APP_OTHER_OTHER_THING= "abcdef") -and (npm start) << 由于我在 powershell 上运行它，仍然给出 undefined作为输出。

对此我能做些什么吗？谢谢

Answer 1

确保它具有正确的目录树

D:\your-react-project\.env

• 这里可能是your-react-project\.env.development

它应该位于默认README.md放置的路径中