Angular2 ändert sich in (klick) funktioniert nicht

Question

Ich habe mich mit Angular2 herumgeschlagen und ich habe keine Ahnung, warum meine Änderungen an diesen Funktionen nichts tun. Also sagen mein Code zuerst wie folgt aussieht:

//home.component.html 
<div class="ui container"> 

<sm-button class="positive" (click)="remove()">Button</sm-button> 

</div> 

//home.component.ts 
import { Component } from "@angular/core"; 

@Component({ 
    selector: "home", 
    templateUrl: `client/components/home/home.component.html` 
}) 
export class HomeComponent { 
    constructor() {} 
    remove() { 
     console.log("Hello"); 
    } 
} 

Aber dann ändere ich es so weit:

//home.component.html 
<div class="ui container"> 

<sm-button class="positive" (click)="load()">Button</sm-button> 

</div> 

//home.component.ts 
import { Component } from "@angular/core"; 

@Component({ 
    selector: "home", 
    templateUrl: `client/components/home/home.component.html` 
}) 
export class HomeComponent { 
    constructor() {} 
    load() { 
     console.log("Hello"); 
    } 
} 

Nun kann die Ladefunktion nicht gefunden werden, wenn die Schaltfläche klicken. Was geht hier vor sich?

EDIT: geänderter Code vollständige Dateien

Answer 1

Scheint wie tsc-w funktioniert nicht richtig aufzunehmen. In die Serverkonsole schauen, wurde Befehl ausgeführt oder nicht. Versuchen Sie außerdem, den Konsolencache zu löschen. Betrachten Sie Ihr Javascript generiert Quellen und überprüfen, ob es aktualisiert wurde oder nicht