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

时间:2021-02-10 23:17:49

标签: firebase next.js vercel

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

enter image description here

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

enter image description here

以下文件是 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

1 个答案:

答案 0 :(得分:0)

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