Firebase报错auth/invalid-api-key：API密钥无效问题求助

针对你遇到的API密钥无效问题，给出具体排查和解决步骤：

• 清理环境变量的多余空格
  你的.env.local文件中每行开头都带有空格，这会导致读取到的API密钥包含前导空格，直接触发无效错误。修改后的.env.local格式应如下：

REACT_APP_apiKey=AI**************JmXMKaFQQQrRzp4Q
REACT_APP_authDomain=sample-258a7.firebaseapp.com
REACT_APP_projectId=sample-258a7
REACT_APP_storageBucket=sample-258a7.appspot.com
REACT_APP_messagingSenderId=
REACT_APP_appId=1:1014069435807:web:04390779a92d4e3a4fb1aa

注意：每行开头不要加空格，键与值之间也不能有空格。

- **重启开发服务器**
React项目修改环境变量后，必须重启本地开发服务器才能让新配置生效。如果之前已经启动了服务器，先关闭再重新运行`npm start`或`yarn start`。

- **验证环境变量加载状态**
在Firebase初始化代码中临时添加日志，确认API密钥是否被正确读取：
```javascript
const firebaseConfig = {
  apiKey: process.env.REACT_APP_apiKey,
  // ...其他配置项
};
console.log("Loaded API Key:", process.env.REACT_APP_apiKey); // 打印查看实际读取值
const app = initializeApp(firebaseConfig);

如果控制台输出undefined或带空格的密钥，说明环境变量未正确加载，检查文件是否放在项目根目录，文件名是否为.env.local（注意开头的点不能省略）。

• 修正拼写错误
  你的.env.local中有一处拼写错误：REACT_APP_messagingSendearId，正确的键名应为REACT_APP_messagingSenderId（将Sendear改为Sender），虽然这不会直接引发API密钥错误，但会影响后续消息推送功能，建议一并修正。

• 核对Firebase控制台的API密钥
  登录Firebase控制台，进入目标项目→设置→常规→「您的应用」区域，重新复制官方提供的API密钥，确保和.env.local中的内容完全一致，没有遗漏或多余字符。

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