时间戳

首页 > 解决方案 > 即使添加脚本后也没有定义 Firebase

javascript - 即使添加脚本后也没有定义 Firebase

问题描述

我正在使用下面给出的代码使用 Firebase Cloud Messaging 发送通知。但我收到错误 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>

为什么会发生这种情况，我该如何解决。

标签： javascripthtmlfirebasefirebase-cloud-messaging

解决方案

您需要有一个 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 数据库，所以我把它省略了。当您使用实时数据库或云 firestorm 创建新的 firebase 数据库时，您应该可以选择复制配置文件。只需将它像这样粘贴到您的索引文件中，您就可以开始使用了。

推荐阅读