即使在添加脚本后也未定义 Firebase

Question

我正在使用下面给出的代码通过 Firebase 云消息传递发送通知。但是我收到错误 firebase is not defined.

我还在 index.html 文件中添加了脚本。

    <script src="/__/firebase/8.0.1/firebase-app.js" async></script>
    <script src="/__/firebase/8.0.1/firebase-analytics.js" async></script>
    <!-- Initialize Firebase -->
    <script src="/__/firebase/8.2.0/firebase-messaging.js"></script>
    <script src="/__/firebase/init.js" async></script>
    <script src="/__/firebase/7.14.5/firebase-firestore.js" async></script>

    <script src="../submitBooking.js" async></script>
    <script async src="js/notification.js"></script>

为什么会这样，我该如何解决。

Answer 1

您需要有一个 config.js 文件或配置文件所在的位置。在那里，将定义 firebase、db 等。它在您的索引文件中应该看起来像这样：

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: ""
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
</script>

显然引号内会有字符串/整数，但它们是可识别和可编辑的 firebase 数据库，所以我将其省略。当您使用实时数据库或云火暴创建新的 firebase 数据库时，您应该可以选择复制配置文件。只需将它像这样粘贴到您的索引文件中，您就可以开始了。

即使在添加脚本后也未定义 Firebase

Firebase is not defined even after adding scripts

html

javascript

firebase

firebase-cloud-messaging