Необработанное отклонение обещания: this._next не является функцией: Зона в @ angular / fire / message - PullRequest
Новая
       107

Необработанное отклонение обещания: this._next не является функцией: Зона в @ angular / fire / message

4 голосов
/ 29 января 2020

Когда я получаю уведомления firebase pu sh на переднем плане, используя @angular/fire/messaging. Метод: 

  this.angularFireMessaging.messages.subscribe(
      (payload) => {
        console.log("new message received. ", payload);
        this.currentMessage.next(payload);
      })

Позвольте мне поделиться своим полным кодом: Код PushNotificationsService Я написал.

Мои Angular -cli версии: 

Angular CLI: 8.1.3
Node: 12.4.0
OS: linux x64
Angular: 8.1.3
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.801.3
@angular-devkit/build-angular     0.801.3
@angular-devkit/build-optimizer   0.801.3
@angular-devkit/build-webpack     0.801.3
@angular-devkit/core              8.1.3
@angular-devkit/schematics        8.1.3
@angular/fire                     5.3.0
@ngtools/webpack                  8.1.3
@schematics/angular               8.1.3
@schematics/update                0.801.3
rxjs                              6.4.0
typescript                        3.4.5
webpack                           4.35.2

Позвольте мне поделиться своим пакетом. json файлы: пакет. json

Я получаю следующую ошибку, когда я получить сообщение на переднем плане: 

Unhandled Promise rejection: this._next is not a function ; Zone: <root> ; Task: ServiceWorkerContainer.addEventListener:message ; Value: TypeError: "this._next is not a function"
    next RxJS
    messageEventListener index.esm.js:1046
    step tslib.es6.js:99
    verb tslib.es6.js:80
    __awaiter tslib.es6.js:73
    ZoneAwarePromise Angular
    __awaiter tslib.es6.js:69
    messageEventListener index.esm.js:1035
    WindowController index.esm.js:876
    Angular 5
 next@http://localhost:4200/vendor.js:111323:18
./node_modules/@firebase/messaging/dist/index.esm.js/WindowController.prototype.messageEventListener/</<@http://localhost:4200/firebase-messaging.js:2418:34
step@http://localhost:4200/vendor.js:127272:23
verb/<@http://localhost:4200/vendor.js:127253:53
__awaiter/<@http://localhost:4200/vendor.js:127246:71
ZoneAwarePromise@http://localhost:4200/polyfills.js:3882:29
__awaiter@http://localhost:4200/vendor.js:127242:12
./node_modules/@firebase/messaging/dist/index.esm.js/WindowController.prototype.messageEventListener@http://localhost:4200/firebase-messaging.js:2407:71
WindowController/<@http://localhost:4200/firebase-messaging.js:2248:26
invokeTask@http://localhost:4200/polyfills.js:3397:31
runTask@http://localhost:4200/polyfills.js:3174:47
invokeTask@http://localhost:4200/polyfills.js:3471:34
invokeTask@http://localhost:4200/polyfills.js:4609:14
globalZoneAwareCallback@http://localhost:4200/polyfills.js:4635:27

Любая помощь очень важна! КОД: GITHUB REPO LINK

Я обновил свой секретный ключ из firebase в коде GitHub

Ответы [ 3 ]

0 голосов
/ 16 февраля 2020

Да Что я понял, что в моем пакете использовалась неправильная версия "@ angular / fire": "^ 5.3.0", которая не совместима с "firebase": "^ 7.6.2". json.

Итак, что я сделал -

в firebase-messaging-sw. js или в файле рабочего сервиса?

importScripts('https://www.gstatic.com/firebasejs/5.0.0/firebase-app.js'); importScripts('https://www.gstatic.com/firebasejs/5.0.0/firebase-messaging.js');

должна иметь ту же версию с вашей базой данных на пакете. json

"dependencies": { ... "firebase": "^5.0.0", "@angular/fire": "^5.0.0", ... }

И она работает как шарм.

0 голосов
/ 06 марта 2020

Попробуйте использовать следующие версии: 

"dependencies": {
...
"firebase": "^7.6.0",
"@angular/fire": "^5.2.3",
...
}

работает отлично ...

Проверьте репо: Angular Pu sh Уведомление

0 голосов
/ 03 февраля 2020

Для этого есть обходной путь.

Вам нужно немного изменить свою службу пользовательских сообщений.

Внутри конструктора вам нужно заменить следующий код 

this.angularFireMessaging.messaging.subscribe(
    (_messaging: any) = > {
        _messaging.onMessage = _messaging.onMessage.bind(_messaging);
        messaging._next = (payload: any) = > {
            console.log(payload);
        };
        _messaging.onTokenRefresh = _messaging.onTokenRefresh.bind(_messaging);
    }
);

на что 

this.angularFireMessaging.messaging.subscribe(
    (_messaging: any) = > {
        // _messaging.onMessage = _messaging.onMessage.bind(_messaging);
        _messaging._next = (payload: any) = > {
            console.log(payload);
        };
        _messaging.onTokenRefresh = _messaging.onTokenRefresh.bind(_messaging);
    }
);

Тогда вы получите уведомление pu sh, даже когда находитесь на переднем плане.

...