React中.env环境变量无法读取,使用后应用崩溃求助
问题排查与解决办法
修正.env文件格式
你的.env文件里的变量定义存在格式问题:- 等号两侧的空格会被解析为变量值的一部分,必须去掉,不要写成
REACT_APP_API_KEY = 'xxx',应该是REACT_APP_API_KEY='xxx' - 末尾不要加分号,环境变量定义不需要语句结束符,正确写法示例:
(值里没有特殊字符的话,引号也可以省略)REACT_APP_API_KEY=euk4h43l-ertek8-rgde45-gkr3945
- 等号两侧的空格会被解析为变量值的一部分,必须去掉,不要写成
确认.env文件位置
必须把.env文件放在项目根目录(和package.json、node_modules同一层级),放在src或其他子目录下的话,Create React App的脚本无法加载到它。检查react-scripts版本
如果你用的是Create React App,确保react-scripts版本≥0.5.0,更早的版本不支持自动加载.env文件。版本过低的话,升级react-scripts即可:npm install react-scripts@latest确保变量名前缀正确
只有以REACT_APP_开头的变量才会被注入到process.env中,你的代码里变量名是正确的,但要注意拼写(你提问里曾写错成REACT_APP_API_KYE,代码里是对的,这点没问题)。重启开发服务器
修改.env文件后,必须完全终止当前的开发服务器(Ctrl+C),再重新执行npm start启动,热重载不会识别.env文件的修改。
内容的提问来源于stack exchange,提问作者mustToKnowAnswer
相关产品推荐
相关产品推荐

