Error：予期しない値 'Http'がモジュール 'AppModule'によってSyntaxError.ZoneAwareErrorにインポートされました

Question

私のコードを何度もチェックして、ウェブとstackoverflowで同様の問題を見つけようとしましたが、私は単に私の間違いを見ることはできません。あなたは私が次に検討すべき事項をお持ちですか？

アップデート：私の設定クラスをデバッグすると、json-Configurationsファイルが読み込まれ、app-initialize（app.configのload（）関数を参照）で値が設定変数に正しく保存されていることがわかります。 plnkr上のts）。 しかし、この設定から値を取得したい場合は、varibalesなど。 "werkzeug.service.ts"

let host:string = this.config.getConfig('host'); 

次のエラーの39行が表示されます。ここでは

TypeError: Cannot read property 'host' of null 
    at AppConfig.getConfig (http://localhost:3000/app/app.config.js:31:27) 
    at WerkzeugService.getSollIstWerkzeugBySchrankAndAnsicht (http://localhost:3000/app/werkzeug.service.js:47:32) 
    at AppComponent.ngAfterViewInit (http://localhost:3000/app/app.component.js:37:30) 
    at CompiledTemplate.proxyViewClass.View_AppComponent_Host0.detectChangesInternal (/AppModule/AppComponent/host.ngfactory.js:44:71) 
    at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12206:18) 
    at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12353:48) 
    at ViewRef_.detectChanges (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9375:24) 
    at eval (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:8299:71) 
    at Array.forEach (native) 
    at ApplicationRef_.tick (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:8299:29) 
    at ApplicationRef_._loadComponent (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:8274:18) 
    at ApplicationRef_.bootstrap (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:8262:18) 
    at eval (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:8091:93) 
    at Array.forEach (native) 
    at PlatformRef_._moduleDoBootstrap 

は私のプロジェクトのセットアップです：http://plnkr.co/edit/QsaOtnqFr0Ky9Qwz21SP?p=preview

Answer 1

HttpModuleは「importsが、Http shouldnにする必要がありますそうです。

@NgModule({ 
    imports:  [ BrowserModule, FormsModule, ReactiveFormsModule, HttpModule], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ], 
    providers: [ AppConfig, { provide: APP_INITIALIZER, useFactory: initConfig, deps: [AppConfig], multi: true }] 
}) 

例http.get Plunker：http://plnkr.co/edit/60E2qb9gOjvkEAeR5CtE?p=info