how to make node-apn work at angular2 correctly?

Question

1. first "npm install --save @types/apn"
2. In app.component.ts

AppComponent

import { Component } from '@angular/core';
import { NavController, NavParams, LoadingController } from 'ionic-angular';

//import apn from 'apn';
import * as apn from 'apn';

@Component({
  selector: 'page-a',
  templateUrl: 'a.html'
})
export class a {
    constructor(public navCtrl: NavController, public navParams: NavParams) {
       var options = {
          token: {
            key: "key.p8",
            keyId: "1234567",
            teamId: "987654"
          },
          production: false
        };

        var apnProvider = new apn.Provider(options);

        var note = new apn.Notification();

        note.expiry = Math.floor(Date.now() / 1000) + 3600; // Expires 1 hour from now.
        note.badge = 3;
        note.sound = "ping.aiff";
        note.alert = "\uD83D\uDCE7 \u2709 You have a new message";
        note.payload = { 'messageFrom': 'John Appleseed' };

        apnProvider.send(note, 'devicetoken').then((result) => {
                // see documentation for an explanation of result

        });
   }
}

3. run then got error: Uncaught ReferenceError: Invalid left-hand side in assignment

Answer 1

Couple of things, can you first post the entire class? Because this piece of code is pretty unintelligible.

You should change your import statement to:

import * as apn from 'apn';

You should install apn using:

npm install node-apn --save

You should install the typings using:

npm install --save-dev @types/apn