Angular 2 Modul hat keine exportierte Mitglied

Question

Hier bin ich wieder, in der Hoffnung eine schnelle Lösung dieses Problems zu finden:

Link <- Click on this link to see the folder structure

//main.ts 
import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './home.main'; 
import {InputComponent} from './home.controller'; 
import {enableProdMode} from 'angular2/core'; 


bootstrap(InputComponent); 
bootstrap(AppComponent); 

Das ist mein main.ts Datei, wo ich die AppComponent von zu Hause aus zu importieren Haupt, jetzt sieht die home.main wie folgt aus:

import {Component} from 'angular2/core'; 

    @Component({ 
    selector:'home', 
    templateUrl:'/index/index.ejs' 
    }) 

    export class InputComponent { 
     name = 'test'; 
    } 

Allerdings, wenn ich dies ausführen, erhalte ich: error TS2305: Module '"controllers/home/home.main"' has no exported member 'AppComponent'. (Same goes for home.controller).

Danke, Alex S.

Answer 1

Sie sollten in Ihrem home.main Modul so etwas haben:

@Component({ 
    (...) 
}) 
export class AppComponent { 
} 

Answer 2

Wenn Sie sehen, diesen Fehler in allen @angular Module wie Router, Kern, dann stellen Sie sicher, dass es wegen der Versionskonflikte der Bibliotheken ist. Im Allgemeinen sollten alle Ihre @angular Module die gleiche Version außer Router haben.

für Ex:

"@angular/common": "2.2.3", 
    "@angular/compiler": "2.2.3", 
    "@angular/core": "2.2.3", 
    "@angular/platform-browser": "2.2.3", 
    "@angular/platform-browser-dynamic": "2.2.3", 
    "@angular/router": "^3.3.0" <= Version mismatch*** 

die folgende Kombination wirft folgende Fehler

hat keine exportierte Mitglied

ich den Router Version

zu

geändert

"@ Winkel/Router": "^ 3.0.0"

Der Fehler behoben ist.

Also, bis alles stabil ist, kleben Sie mit Ihrer Arbeitskombination.

Answer 3

Ich hatte dieses Problem, auch wenn ich die Klasse korrekt auf meiner anderen Datei exportiert hatte. Neustart meines Computers repariert es.