在Laravel Vue中运行Firebase推送通知

Question

我正在尝试为我的Laravel/Vue应用程序配置推送通知。

我已经在node_modules中安装了firebase包，包括firebase/messaging。

以下是我导入文件的方式。

var firebase = require('firebase/app');
require('firebase/messaging');
var fireConfig = {} //Config 

const messaging = firebase.messaging();
export default {
messaging
}

然而，这样做会给出错误firebase.messaging()不是一个函数。

既然许多教程(至少到目前为止我看过的教程(似乎都能通过，我该怎么做呢？

Answer 1

在调用firebase.messaging()(或任何Firebase产品访问器(之前，需要先调用firebase.initializeApp()。

注意，指令的第3步让您首先初始化Firebase：

// Firebase App (the core Firebase SDK) is always required and must be listed first
import * as firebase from "firebase/app";
// Add the Firebase products that you want to use
import "firebase/auth";
import "firebase/firestore";

紧随其后的是init:

// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
// ...
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

直到第5步，你才能在你的应用程序中访问Firebase：

firebase.messaging()

对firebase.messaging()的调用必须在代码中的init之后。