Question

我的Ionic 2项目中有以下代码，可以接收推送通知。当我运行代码时，我一直在控制台中收到错误提示没有提供者推送错误。

import { Component, ViewChild } from '@angular/core';
import { ionicBootstrap, Platform, Nav } from 'ionic-angular';
import { StatusBar, Splashscreen} from 'ionic-native';
import { CloudSettings, PushToken, Push } from '@ionic/cloud-angular';

@Component({
  templateUrl:'build/app.html'
})

constructor(public platform: Platform, private userProvider: UserProvider, public push: Push) {const cloudSettings: CloudSettings = {
    'core': {
      'app_id': 'XXXXXXX',
    },
    'push': {
      'sender_id': 'XXXXXXX',
      'pluginConfig': {
        'android': {
          'iconColor': '#343434'
        }
      }
    }
  };

  this.push.register().then((t: PushToken) => {
      return this.push.saveToken(t);
    }).then((t: PushToken) => {
      console.log('Token saved:', t.token);
    });

  this.push.rx.notification()
    .subscribe((msg) => {
      alert(msg.title + ': ' + msg.text);
    });

});

我认为这是某种离子2版本不匹配，这是我在下面的离子信息详情

Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0
Ionic App Lib Version: 2.0.0-beta.20
OS: Distributor ID:     Ubuntu Description:     Ubuntu 14.04.3 LTS 
Node Version: v4.5.0

Answer 1

我解决了错误“No Provider For Push”（使用本地推送系统，而非离子云），其中推送设置是在自定义提供程序中完成的（不是直接在app.component.ts中）

（缺少提供程序是错误的原因）

    import { Push } from '@ionic-native/push';
    ...
    providers: [
      Push,
      ...
    ]

在提供程序中，初始化platform.ready（）中的推送（以确保插件已准备就绪）。

    this.platform.ready().then(() => {
         ...
         this.pushObject = this.push.init(options);
    });

Answer 2

@NgModule({

  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],

  imports: [

    IonicModule.forRoot(MyApp),
    CloudModule.forRoot(cloudSettings)
  ],

Ionic 2问题：没有Push的提供者

2 个答案: