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();

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

未捕获的语法错误：意外的标记 'export'
未捕获的语法错误：无法在模块外使用导入语句
未捕获的语法错误：无法在模块外使用导入语句
未捕获的 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 变体的示例，upgrade guide for the v9 SDK, and this blog post on the modular SDK design

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

Firebase auth and firestore functionalities not working

javascript

firebase

firebase-authentication

google-cloud-firestore

uncaught-reference-error