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

l7wslrjt  于 2023-11-18  发布在  其他
关注(0)|答案(2)|浏览(118)

最后,我成功地部署了我的新应用程序。我在生产中遇到了许多错误,比如,我是用教程来实现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=

whitzsjs

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认证=>设置=>.授权域名和添加域名.

tquggr8v

tquggr8v2#

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

npm install dotenv

字符串

相关问题