Uncaught ReferenceError: firebase is not defined vue js

Question

我有一个订阅按钮，我编写了一个小函数，但出现上述错误

methods: {
    subscribe(){
        firebase.messaging.requestPermission()
                          .then(() => {
                              console.log('Notification permission granted.');
                              return this.messaging.getToken();
                          })
    }
}

按钮

<button id="subscribe" @click="subscribe">Subscribe</button>

Answer 1

1.将firebase安装到您的项目中：

npm install --save firebase

2.然后在您的项目中添加消息传递模块。例如。 index.js 文件。

import 'firebase/messaging'

3.然后在您的组件中使用消息传递：

import firebase from 'firebase';

...

methods: {
    subscribe () {
        const messaging = firebase.messaging();
        messaging.requestPermission().then(
            ...
        );
    }
}

请记住，Firebase SDK 是模块化的，尽管您引用了 firebase 包中的所有内容，但如果您没有在最终包中包含引用模块（在这种情况下为消息传递）， firebase 会抱怨它丢失了。

查看此处了解更多信息： https://firebase.google.com/docs/web/setup