Firebase 身份验证和 Firestore 功能不起作用

Question

我正在为我的应用程序的后端部分使用 firebase。 我的代码是这样的：

 <script type="module">
        // Import the functions you need from the SDKs you need
        import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js";
        // TODO: Add SDKs for Firebase products that you want to use
        // https://firebase.google.com/docs/web/setup#available-libraries
        import {getFirestore,collection,getDocs} from 'firebase/firestore/lite'
        // Your web app's Firebase configuration
        const firebaseConfig = {
         //My app's Config object...
        };
      
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
        
      </script>
     <script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js"></script>
     <script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-auth.js"></script>
     <script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-firestore.js"></script>

授权脚本：

const auth=firebase.auth();
const db=firebase.firestore();

我在浏览器控制台中收到这些错误：

未捕获的语法错误：意外的令牌“导出”
未捕获的语法错误：无法在模块外使用 import 语句
未捕获的语法错误：无法在模块外使用 import 语句
未捕获的 ReferenceError：未定义 firebase 在 auth.js:1

谁能帮帮我！

Answer 1

自 JavaScript SDK 第 9 版以来，Firebase 改变了您调用其模块的方式。您的代码中的这两行适用于 v8 和之前的 SDK：

const auth=firebase.auth();
const db=firebase.firestore();

v9 及以上版本的等价物是：

const auth = getAuth();
const db = getFirestore()

我建议查看 Firebase 文档，其中包含两种 SDK 变体的示例、v9 SDK 的 upgrade guide 以及 modular SDK design 上的这篇博文