Uncaught ReferenceError: база данных не определена 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 file.

import 'firebase/messaging'

3. Затем используйте обмен сообщениями в своем компоненте:

import firebase from 'firebase';

...

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

Просто помните, что Firebase SDK является модульным, хотя вы ссылаетесь на все из * Пакет 1011 *, если вы не включите ссылочный модуль (в данном случае обмен сообщениями) в ваш последний пакет, база данных будет жаловаться на его отсутствие.

Посмотрите здесь дополнительная информация: https://firebase.google.com/docs/web/setup