添加Realtime Database SDK按钮失效,如何解决?
问题:「添加实时数据库SDK到你的应用」按钮失效,手动添加也失败
我点击「添加实时数据库SDK到你的应用」按钮上百次,始终无法为应用添加SDK;尝试手动添加SDK也未成功。
(截图显示按钮点击后无任何响应,界面未触发SDK添加流程)
可行解决步骤:
- 清除当前浏览器的缓存、Cookie,刷新页面后重新尝试点击按钮
- 切换到Chrome、Edge这类主流浏览器,禁用所有插件/扩展后再操作
- 检查Firebase项目配置,确认已正确关联对应平台的应用(Android/iOS/Web)
- 手动添加SDK时严格按官方流程操作:
- 在项目根目录的
package.json中添加依赖:firebase@^10.0.0(或官方推荐的最新版本) - 在应用入口文件中完成Firebase初始化:
import { initializeApp } from "firebase/app"; import { getDatabase } from "firebase/database"; // 替换为你的项目配置 const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_SENDER_ID", appId: "YOUR_APP_ID" }; const app = initializeApp(firebaseConfig); // 初始化实时数据库 const database = getDatabase(app); - 执行依赖安装命令(如
npm install或yarn install)后,测试是否能正常调用实时数据库接口
- 在项目根目录的
- 若以上方法都无效,尝试创建全新的Firebase项目,重新关联应用后再添加SDK
内容的提问来源于stack exchange,提问作者Kasun Pathirana
相关产品推荐
相关产品推荐

