Уведомление браузера не появляется

Я пытаюсь показать уведомление со следующим кодом:

if (Notification.permission === 'granted' && !this._active) {
    let n = new Notification(this._activeContact.name,{
        icon : this._activeContact.photo,
        body : data.content
});

Но ничего не появляется !! Я уже давал разрешение по запросу !!

кстати, у меня есть функция, запрашивающая у браузера разрешение

checkNotifications(){
    // debugger
    if (typeof Notification === 'function'){
        if (Notification.permission !== 'granted'){
            this.el.alertNotificationPermission.show()
        } else {
            this.el.alertNotificationPermission.hide()
        }

        this.el.alertNotificationPermission.on('click', e=> {
            Notification.requestPermission(permission => {
                if (permission === 'granted') {
                    this.el.alertNotificationPermission.hide()
                    console.info('notificações permitidas!')
                }
            })
        })
    }
}

и не работает по краю !!