next.js Firebase：错误(auth/api-key-not-valid.-please-pass-a-valid-api-key.)

l7wslrjt 于 8个月前发布在其他

关注(0)|答案(2)|浏览(64)

最后，我成功地部署了我的新应用程序。我在生产中遇到了许多错误，比如，我是用教程来实现login/rest/注册部分，有一个错误，login.js not correctly import signInWithEmailAndPassword from ./firebase，所以我只是从import {signInWithEmailAndPassword} from "firebase/auth";导入它应该.我有另一个错误，如Error [FirebaseError]: Firebase: Error (auth/invalid-api-key). on，但我只是改变我的变量在引号"NEXT(...) ".但现在我部署一切，它应该工作完美，但当我试图登录我看到一个警报Firebase: Error (auth/api-key-not-valid.-please-pass-a-valid-api-key.).，不知道我suppost做修复它.不仅登录表单不工作，但也不工作的任何其他部分的应用程序.我可以获取日期等.
顺便说一句。我在Vercel上depoleyd。顺便说一句。这一切都在本地完美工作
更新。我更新了口头环境变量中的变量，如NEXT_PUBLIC_MEASUREMENT_ID，但没有区别。在文档中写的是，它应该是NEXT_PUBLIC_VERCEL_MEASUREMENT_ID，但这种方法不起作用。
在我环境中。本地：NEXT_PUBLIC_VERCEL_API_KEY=在我的环境中NEXT_PUBLIC_VERCEL_API_KEY=
(it在gitignore）
在Vercel服务器中，所有变量都是相同的
NEXT_PUBLIC_VERCEL_API_KEY=

next.js

来源：https://stackoverflow.com/questions/73389582/firebase-error-auth-api-key-not-valid-please-pass-a-valid-api-key

2条答案

按热度按时间

whitzsjs1#

为了解决我在生产中无法访问Firebase的问题，我必须做很多事情：
1.正确设置变量
1.设置授权域
ad1 npm i -g vercel Vercel env add NAME then connect to variable and select what kind of variable it is（using space）. variable should look like NEXT_PUBLIC_KEY_API=".”and used as process.env.NEXT_PUBLIC_API_KEY（without“.”）. then Vercel --prod
ad 2认证=>设置=>.授权域名和添加域名.

赞(0）回复(0）举报 8个月前

tquggr8v2#

在我的例子中，问题在于将环境变量加载到process.env中
安装dotenv包解决了我的问题。