Angular2: ngModule, BrowserModule, FormsModule sind keine exportierten Mitglieder

Question

Ich gehe durch das Angular2 Tutorial unter https://angular.io/docs/ts/latest/tutorial/toh-pt5.html. Alles Gute zum Schritt Routing. Visual Studio-Code zeigt den Fehler auf den ersten 03 Zeilen:

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 

als

[ts] 
Module '"c:/Users/ktran/Source/Repos/angular2-quickstart-ts/node_modules/@angular/core/index"' has no exported member 'NgModule'. 

Ordner node_modules:

eine Idee, bitte?

Answer 1

Einige Module werden nur zur neuen Version von Angular hinzugefügt. Wenn Sie nicht aktualisieren, können Sie sie nicht importieren.

Nach etwa einer halben Stunde suchen, bekam eine Lösung:

Erstellen Sie einen neuen Ordner und CD auf den Ordner.

In Kommandozeile, Typ:

git clone https://github.com/angular/quickstart 
cd quickstart 
npm install 

und kopieren Sie Ihre alten Code in das neu erstellte Projekt

Answer 2

Wie Kim Phung erwähnt, ist dies, weil eine neue RC von Angular gerade veröffentlicht wurde. Ändern Sie die folgenden Zeilen in packages.json:

// ...snip... 
"dependencies": { 
    "@angular/common": "2.0.0-rc.5", 
    "@angular/compiler": "2.0.0-rc.5", 
    "@angular/core": "2.0.0-rc.5", 
    "@angular/forms": "0.3.0", 
    "@angular/http": "2.0.0-rc.5", 
    "@angular/platform-browser": "2.0.0-rc.5", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.5", 

// ...file continues... 

Dann laufen, in der Konsole:

npm update 

gut zu gehen!

Answer 3

Ich hatte gerade ein ähnliches Problem beim Upgrade einer Beispiel-App auf 2.0.1 mit dem Quickstart-Beispiel. ich es behoben, indem nicht nur die package.json aktualisieren, sondern auch systemjs.config.js und typings.json

Answer 4

Wenn diese Lösungen nicht, dass Sie geholfen haben, versuchen zu wieder öffnen VSCode. Für mich war es Editor Problem.

Answer 5

Bitte stellen Sie sicher, dass Sie die FormsModule den ngModule Importe enthalten sind,

@NgModule({ 
    imports:  [ BrowserModule,**FormsModule** ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 

Answer 6

, wenn Sie diese Art von Fehler haben. Importieren Sie {NgModule} von '@ angular/core'; Importieren Sie {BrowserModule} von '@ angular/platform-browser'; versuchen, diesen Befehl ein:

npm Update