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

【问题标题】：Firebase Admin Module Not Found Can't Resolve '@firebase/app' NextJs找不到 Firebase 管理模块无法解决“@firebase/app”NextJs
【发布时间】：2021-05-14 17:05:20
【问题描述】：

我正在开发一个项目，该项目使用 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。但是，这不允许我访问数据库。

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

如有任何帮助，我们将不胜感激。

我已经完成了以下操作。

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

【问题讨论】：

标签： firebase next.js vercel

【解决方案1】：

我的问题是我试图将 Firebase Admin SDK 与 React 结合使用，这是一种前端语言。 Firebase Admin 只能用于 Nodejs 等后端环境。我在 Firebase 中创建了一个 Web 项目，然后将其配置为在应用程序中使用。

【讨论】：