React项目从.env读取Google Maps API密钥时遇无效密钥错误

• 核心问题：你的.env文件里的密钥末尾多了个分号，导致实际传递给Google Maps的密钥带了多余的分号，因此被判定为无效密钥。

• 修复步骤：

  1. 打开.env文件，删除密钥行末尾的分号，修改后内容如下：

     REACT_APP_GOOGLE_API_KEY=<你的实际API密钥>
     

  2. 重启React开发服务器（.env文件的修改需要重启服务才能生效）
  3. 重新运行应用，验证地图是否正常加载

• 额外确认：

  • 确保API密钥本身正确（毕竟硬编码时能正常工作）
  • 再次打印process.env.REACT_APP_GOOGLE_API_KEY，确认输出的密钥没有多余符号

内容的提问来源于stack exchange，提问作者Danny Jebb