Angular 2 + Google Analytics + Router Navigation

Question

Ich versuche, Google Analytics zu meinem Projekt hinzuzufügen, aber einige Navigationsfehler bekommen, ich neue Router verwenden, ist unter meinem Code:

// app.component.ts 
declare var ga:Function; 
export class App { 
    private currentRoute:string; 
    constructor(_router: Router, _location: Location) { 
     _router.events.subscribe((event:Event) => { 
      if(event instanceof NavigationStart) { 
       var newRoute = this._location.path() || '/'; 
       if(newRoute !== this.currentRoute) { 
        ga('send', 'pageview', newRoute); 
        this.currentRoute = newRoute; 
       } 
      } 
     }); 
    } 
} 

Und das ist der Fehler ich erhalte:

ERROR in [default] angular/src/app/app.ts:18:27 
Argument of type '(event: Event) => void' is not assignable to parameter of type 'NextObserver<NavigationStart | NavigationEnd | NavigationCancel | NavigationError> | ErrorObserve...'. 
    Type '(event: Event) => void' is not assignable to type '(value: NavigationStart | NavigationEnd | NavigationCancel | NavigationError) => void'. 
    Types of parameters 'event' and 'value' are incompatible. 
     Type 'NavigationStart | NavigationEnd | NavigationCancel | NavigationError' is not assignable to type 'Event'. 
     Type 'NavigationStart' is not assignable to type 'Event'. 
      Property 'bubbles' is missing in type 'NavigationStart'. 

ERROR in [default] angular/src/app/app.ts:19:23 
Cannot find name 'NavigationStart'. 

ERROR in [default] angular/src/app/app.ts:20:24 
Property '_location' does not exist on type 'App'. 

Answer 1

sowie Import-Anweisung hinzugefügt Sie bitte, ob das Ihr Problem löst:

import {Location} from '@angular/common'; 
import {NavigationStart} from '@angular/router';