NextAuth Firebase 后端“ReferenceError：初始化前无法访问‘app’”

Question

我试图在使用 next auth 时将用户存储在 firebase 后端 我无法解决此错误

使用 next-auth FIREBASE 适配器。

https://next-auth.js.org/adapters/firebase ：我正在关注文档

FIREBASE 客户

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASURMENT_ID,
};

// Initialize Firebase
const analytics = getAnalytics(app);
const app = initializeApp(firebaseConfig);

export default firebase;

[...nextauth].js

import NextAuth from "next-auth";
import { FirebaseAdapter } from "@next-auth/firebase-adapter";
import firebaseClient from "../../../firebase/FirebaseClient";
import GoogleProvider from "next-auth/providers/google";

import firebase from "firebase/app";
import "firebase/firestore";

const firestore = (firebase.apps[0] ?? firebaseClient).firestore();

export default NextAuth({
  // Configure one or more authentication providers
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
    }),
  ],
  adapter: FirebaseAdapter(firestore),
});

呃

ReferenceError: Cannot access 'app' before initialization

Answer 1

我敢打赌，您需要按以下方式切换行，因为在创建分析时没有app变量：

const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

Answer 2

备选问题：内部引用函数

我们的问题有点不同。 如果您开发了一个云 function，它有一个内部引用的 function，如下所示：

export.foo = functions.https.onCall(async () => { 
// Some functionality here that references internalFunc

const internalFunc = () => { ... }
}

该internalFunc将无法被引用。

我们的解决方案是在我们的函数目录中创建一个utilities.js文件，然后从该文件中导出internalFunc 。 然后，将该 function 导入到部署云 function 的脚本中。

希望这对某人有帮助！