angular - imports - module providers




Angular2:ngModule、BrowserModule、FormsModuleはエクスポートされたメンバーではありません (4)

FormsModuleをngModuleのインポートに含めるようにしてください

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

Angular2のチュートリアル( https://angular.io/docs/ts/latest/tutorial/toh-pt5.html行きhttps://angular.io/docs/ts/latest/tutorial/toh-pt5.html 。 すべてのステップを踏むことができます。 Visual Studioコードは最初の03行でエラーを表示します:

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

として

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

フォルダnode_modules:

任意のアイデアをしてください?


Kim Phungが述べたように、Angularの新しいRCがリリースされたばかりです。 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...

コンソールで次のように実行します。

npm update

行ってもいい!


このタイプのエラーがある場合。 '@ angular / core'から{NgModule}をインポートする。 '@ angular / platform-b​​rowser'から{BrowserModule}をインポートします。 次のコマンドを試してください:

npmの更新


この解決策が役に立たなかった場合は、 VSCodeを再度開いてみてください 。 私にとってエディターの問題でした。







angular