ランタイム例外：「ReportServiceのプロバイダがありません」

Question

VS2015 Webプロジェクトでng2アプリケーション用に開始した設定を再訪しています。それはある時点で働いていた。アプリはTypescriptを使用し、期待どおりにビルドします。たとえば、エラーなしで構築されますが、tsにランダムな文字を置くと失敗し、tsが期待どおりに構築されているように見えます。

私はアプリケーション内にReportServiceを持っていますが、すべてのrefsをコメントアウトしましたが、投稿タイトルにランタイムエラーが表示されます。まず、ReportServiceリファレンスをコメントアウトし、エラーなしでロードするページを取得してから、その後にReportServiceを再導入します。私がここで何が欠けているかもしれないか？あなたのサービスがあなたのコンポーネントを持っている、またはmoduleによって与えられたmoduleによってインポートするmoduleによって提供されていないとき

Answer 1

No provider for xxxは、多くの場合、表示されます。

例：

import { NgModule } from "@angular/core"; 
import { MyService } from "./my.service"; 
import { MyComponent } from './my.component'; 

@NgModule({ 
    declarations: [ MyComponent ], 
    providers: [ MyService ] 
}) 
export class MyModule {} 

今、あなたはMyComponentでMyServiceを使用することができます。

import { Component } from "@angular/core"; 
import { MyService } from "./my.component"; 

@Component() 
export class MyComponent { 
    constructor(private service: MyService) {} 

    public someMethod(): void { 
     this.service.someMethod(); 
    } 
} 

あなたはまた、別のモジュールでそれを使用するmoduleからそのサービスをエクスポートすることができます。

import { NgModule } from "@angular/core"; 
import { MyService } from "./my.service"; 
import { MyComponent } from './my.component'; 

@NgModule({ 
    declarations: [ MyComponent ], 
    providers: [ MyService ], 
    exports: [ MyService ] 
}) 
export class MyModule {} 

今すぐを使用できますインポートするとどこでもMyModule：

import { NgModule } from "@angular/core"; 
import { MyModule } from "./my.module"; 
import { AnotherComponent } from './another.component'; 

@NgModule({ 
    imports: [ MyModule ] 
    declarations: [ AnotherComponent ], 
}) 
export class MyModule {} 


import { Component } from "@angular/core"; 
import { MyService } from "./my.component"; 

@Component() 
export class AnotherComponent { 
    constructor(private service: MyService) {} 

    public anotherMethod(): void { 
     this.service.someMethod(); 
    } 
}