firebase - 找不到 Firebase 管理模块无法解决“@firebase/app”NextJs
问题描述
我正在开发一个使用 Vercel 的 NextJS 构建和 Firebase 托管的项目。我添加了运行良好的 Firebase 功能。在 firebaseFunctions.js 文件中,我创建了一个导出,以便我可以与其他文件共享到 Firebase 的连接。但是,当尝试使用导出时,我收到以下错误。
项目的文件结构如下所示。
以下文件是包含 Firebase 应用初始化和 Firestore 初始化的 firebaseFunctions.js 文件。此文件中的所有代码在使用函数或尝试连接到 Firestore 时都有效。
const { join } = require('path'); // From NextJS Vercel Base Build
const { default: next } = require('next'); // From NextJS Vercel Base Build
const isDev = process.env.NODE_ENV !== 'production'; // From NextJS Vercel Base Build
const nextjsDistDir = join('src', require('./src/next.config.js').distDir); // From NextJS Vercel Base Build
const admin = require('firebase-admin'); // Firebase Admin SDK for NodeJS.
const functions = require('firebase-functions'); // For NextJS + Firebase Functions + Firebase Hosting.
const serviceAccount = require('./serviceAccountKey.json'); // Service account key for Firebase Admin SDK.
admin.initializeApp({
credential: admin.credential.cert(serviceAccount),
});
const db = admin.firestore();
const nextjsServer = next({
dev: isDev,
conf: {
distDir: nextjsDistDir,
},
});
const nextjsHandle = nextjsServer.getRequestHandler();
// Nextjs Cloud Function to allow for Firebase Hosting.
exports.nextjsFunc = functions.https.onRequest((req, res) => {
return nextjsServer.prepare().then(() => nextjsHandle(req, res));
});
exports.getCustomToken = functions.https.onCall(async (data, context) => {
// Do something here.
});
module.exports.admin = admin;
module.exports.db = db;
你可以看到我在这里导出了 admin 和 db。
在 CreateTimer 中,我需要 db。但是,这不允许我访问 db。
const db = require('./../firebase/firebase');
任何有关为什么会这样的帮助将不胜感激。
我做了以下事情。
- 已验证 Firebase 已安装。
- 从 firebaseFunctions.js 测试 Firebase
解决方案
我的问题是我试图将 Firebase Admin SDK 与 React 一起使用,这是一种前端语言。Firebase Admin 只能用于 Nodejs 等后端环境。我在 Firebase 中创建了一个 Web 项目,然后将其配置为在应用程序中使用。
推荐阅读
- python - Heroku 在 requirements.txt 中找不到分布
- java - 使用 google or-tools SAT 求解器舍入 LinearExpr
- c# - EF Core SQLite 如何使用外键播种数据
- flutter - 需要帮助了解 flutter_bloc 如何注入 bloc
- python - Blender插件中的自定义节点套接字和CustomSocketInterface
- c# - .Net Core 3.1 将 Serilog 与 Microsoft.Extensions.Logger 一起使用
- python - 不能使用 python VLC,因为 VLC 的路径是不可更改的
- angularjs - 创建 Firebase 登录系统时出现注入器 unpr 错误?
- java - 如何将多个信息从客户端应用程序发送到服务器?
- powershell - 表达式或语句中出现意外标记(尝试将新域设置为别名)