メンバー/ノードモジュールがエクスポートされていません

Question

5分クイックスタートを使用してAngular 2/Typescriptを開始しました。hereです。私は共通の問題に見えるものにぶつかりましたが、多少異なるかもしれません。あらゆる種類の「輸出されていないメンバー」の問題に遭遇しています。例：app.module.tsから

：

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

戻り

...node_modules/@angular2/core/index" has no exported member 'NgModule'. 

と

...@angular/platform-browser/index" has no exported member 'BrowserModule'. 

そしてmain.tsから：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

例外：

...@angular/platform-browser-dynamic/index" has no exported member 'platformBrowserDynamic'. 

私はノードのバージョン4.4.7およびNPMのバージョン3.10.5を実行しています。

これはおそらくチュートリアルに関連してノードまたはnpmをバージョンにロールバックすることで解決できると思います。私は、現在のバージョンのノードに関連するチュートリアルからコードを作成する方法について説明したいと思います。

ETA：これらのエラーはコンパイル時に発生し、実行されません。

Answer 1

NgModuleクラスは、node_modules/@angular/core/src/metadata.d.tsファイルからnode_modules/@angular/core/index.d.tsにエクスポートされます。

あなたtsconfig.jsonファイルに正しくmoduleResolutionプロパティを指定した場合、私は疑問に思う：私にとって

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", // <----- 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false 
    } 
} 

Answer 2

それはVSCodeエディタの問題でした。単にエディタは、それが

Answer 3

main.ts.でアプリケーションの起動を確認し、その後、少なくとも「2.0.0-rc.5」

にpackage.jsonにすべての@angularの依存関係を更新してください解決再開します

変更履歴2.0.0-rc.5によると、あなたのアプリのブートストラップの変更があります。更新されたチュートリアルガイドhttps://angular.io/guide/quickstartも参照してください。

import {NgModule} from '@angular/core'; 

@NgModule({ 
    declarations: […], // directives, components, and pipes owned by this NgModule 
    imports: [BrowserModule], 
    providers: […], // additional providers 
    bootstrap: [MainComponent], 
}) 
class MyAppModule {} 

// Ahead of Time compile 
import {platformBrowser} from ‘@angular/platform-browser’; 

platformBrowser().bootstrapModuleFactory(MyAppModuleNgFactory); 

// JIT compile long form 
import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’; 

platformBrowserDynamic().bootstrapModule(MyAppModule); 

Answer 4

package.jsonファイルでは、rc.4を使用しているすべての依存関係をrc.5で置き換えます。その後、それは動作します。