You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React中.env环境变量无法读取,使用后应用崩溃求助

问题排查与解决办法
  • 修正.env文件格式
    你的.env文件里的变量定义存在格式问题:

    1. 等号两侧的空格会被解析为变量值的一部分,必须去掉,不要写成REACT_APP_API_KEY = 'xxx',应该是REACT_APP_API_KEY='xxx'
    2. 末尾不要加分号,环境变量定义不需要语句结束符,正确写法示例:
      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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 08:18:13