找不到 Firebase 管理模块无法解析“@firebase/app”NextJs

如何解决找不到 Firebase 管理模块无法解析“@firebase/app”NextJs

我正在开发一个项目，该项目使用 Vercel 的 NextJS 构建和 Firebase 托管。我添加了运行良好的 Firebase 函数。在 firebaseFunctions.js 文件中，我创建了一个导出，以便我可以与其他文件共享到 Firebase 的连接。但是，在尝试使用导出时，我收到以下错误。

项目的文件结构如下所示。

以下文件是 firebaseFunctions.js 文件，其中包括 Firebase 应用初始化和 Firestore 初始化。此文件中的所有代码在使用函数或尝试连接到 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。但是，这不允许我访问数据库。

const db = require('./../firebase/firebase');

任何有关为什么会这样的帮助将不胜感激。

我已经完成了以下操作。

1. 已验证 Firebase 已安装。
2. 从 firebaseFunctions.js 测试 Firebase

解决方法

我的问题是我试图将 Firebase Admin SDK 与前端语言 React 一起使用。 Firebase Admin 只能与 Nodejs 等后端环境一起使用。我在 Firebase 中创建了一个网络项目，然后将其配置为在应用中使用。