我已经在netlify上部署了我的Web应用程序,但该站点只显示了一个空白的白色页面,并在控制台中出现了以下错误.

未捕获Firebase错误:FireBase:错误(auth/无效-api-key).

at F_ (assert.ts:142:44)
at U_ (assert.ts:167:30)
at new e (auth.ts:56:5)
at e.instanceFactory (index.ts:82:16)
at e.value (provider.ts:318:33)
at e.value (provider.ts:115:21)
at e.value (firebaseApp.ts:138:21)
at t.<computed> [as auth] (firebaseNamespaceCore.ts:185:29)
at Object.o [as auth] (firebaseNamespaceCore.ts:166:32)
at firebase.utils.js:39:30

我已经再次判断了我应用程序中的所有Firebase配置变量,它们都是正确的.我还在netlify上设置了环境变量.该应用程序在本地主机上成功运行.如果环境变量不正确,站点将无法在本地主机上编译.

本地主机:

enter image description here

在Netlify上部署:

enter image description here

在netlify app上设置的环境变量.

enter image description here

对netlify上设置的所有环境变量都进行了仔细判断.它们与.env文件中的相同

推荐答案

当Firebase配置中提供的API密钥无效时,通常会出现此错误 在Netlify上的构建过程中,环境变量可能没有正确传递给应用程序 您可以try 将.env.local文件中声明的环境变量添加到Netlify,另一种解决此问题的方法是将.env.local文件从src文件夹重新定位到根文件夹.我希望这些解决方案能解决这个问题.

Reactjs相关问答推荐

值在返回页面时不更新,即使我已经更新了它们

XChaCha20-Poly1305的解密函数

react -在选项中 Select 我想要显示和图像.但当我 Select 该选项时,我希望控件仅显示该选项的文本部分

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

如何在与AntD的react 中限制文件上传和显示消息?

蚂蚁 Select .列表弹出窗口不会';有时不会出现

我在Route组件上使用元素属性,这样就不需要ID了吗?

React useEffect 问题...异步函数内的变量正在获取延迟的更新值

获取类别和页面的参数

未处理的拒绝 (TypeError):无法读取未定义的属性(读取协议)

如何修改 react/jsx-no-useless-fragment 规则以允许 <>{children}

单击按钮时如何添加或删除 3d 对象

运行 npm run build 出现问题

基于标记名的博客详细信息分组没有发生

响应式媒体 React Tailwind

React Native PermissionsAndroid 不包括 READ_MEDIA_IMAGES.如何解决这个问题?

是什么导致了这个令人惊讶的数组导致 React

如何使用 babel 将 SVG 转换为 React 组件?

将 set statehook 函数传递给子路由组件.解构错误

react / firebase 基地.如何在我的项目中保存更新的数据?