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?。错误“未捕获的语法错误：无法在模块外使用 import 语句”

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

3?。在此页面上有可用的 Firebase JS SDK（来自 CDN）的信息，但看起来它适用于 v8 - vesrion 9 在哪里

请问有人有样品吗？

Answer 1

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

您正在导入的脚本中也包含“compat”，这意味着：

Compat - 一个熟悉的 API 界面，与 版本 8 SDK，让您无需更改即可升级到版本 9 您的所有 Firebase 代码一次。兼容库几乎没有 与版本 8 相比，在尺寸或性能方面具有优势。

要继续使用 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 会有多大用处）