javascript - Firebase Firestore Web v9 初始化

Question

我开始将我的 firstore 项目转移到 web v9。我使用以下步骤: https://firebase.google.com/docs/web/setup?sdk_version=v9#add-sdks-initialize

  <script src="https://www.gstatic.com/firebasejs/9.0.0-beta.2/firebase-app-compat.js"></script>
  <script src="https://www.gstatic.com/firebasejs/9.0.0-beta.2/firebase-analytics-compat.js"></script>
  <script src="https://www.gstatic.com/firebasejs/9.0.0-beta.2/firebase-auth-compat.js"></script>
  <script src="https://www.gstatic.com/firebasejs/9.0.0-beta.2/firebase-firestore-compat.js"></script>
  <script>
    
    import firebase from "firebase/compat/app";
    //const firebase = require('firebase/compat/app');

    var firebaseConfig = {
      apiKey: "zaSy...opjQ6GQ3",
      authDomain: "...firebaseapp.com",
      projectId: "...",
      storageBucket: "...appspot.com",
      messagingSenderId: "..049",
      appId: "1:645243..9a",
      measurementId: "..Q3Y.."
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

1？错误“未捕获的语法错误:无法在模块外使用导入语句”

2？模块化的 CDN 在哪里 - 我不想使用 compat sdk。

3？在此页面上有可用的 Firebase JS SDK 信息(来自 CDN)，但它看起来像是针对 v8 - vesrion 9 在哪里

请问有人有 sample 吗？

Answer 1

我没有在文档的 CDN 部分看到模块化 SDK，甚至在 Github 上也没有。第一个错误是意料之中的，因为您不在节点环境中。您可以阅读更多相关信息 here .

您正在导入的脚本中也有“compat”，这意味着:

Compat - a familiar API surface which is fully compatible with theversion 8 SDK, allowing you to upgrade to version 9 without changingall of your Firebase code at once. Compat libraries have little to nosize or performance advantages over their version 8 counterparts.

要继续使用 Firebase v9 beta(通过 CDN)，请继续使用 v8 代码风格。

// No need to 'import {}' anything
// Just add the scripts

firebase.initializeApp({...})

我不确定为什么 import {} from "firebase/compat/app"在文档中提到，但我假设它只是从文档的 NPM 选项卡中复制。

我尝试查看它(简单的 HTML 和 Vue 应用程序)并得到相同的结果:

所以我想如果您对 v9 如此感兴趣，您可能不得不使用 NPM。 (不确定 Browserify 会有多大用处)