Angular 异常：./AppComponent类AppComponent-内联模板中的错误：5:1原因：没有客户的提供程序

我有问题，让我的应用程序通过路由连接在一起，我相信。一旦我添加了

，我就开始出现标题显示两次的问题，并且控制台中出现错误，说：

异常：./AppComponent类AppComponent-内联模板中的错误：5:1原因：没有客户的提供程序

这是我所拥有的，我也把它发布在git上

Ng模块

@NgModule({
    declarations: [
        AppComponent, LibraryComponent
    ],
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        RouterModule.forRoot([
            {path: 'home', component: AppComponent},
            {path: 'mainPage', component: LibraryComponent},
            {path:'**', redirectTo: 'home', pathMatch: 'full'}
        ])

    ],
    providers: [
        BooksService,
        CustomerService,
    ],
    bootstrap: [AppComponent]
})
export class AppModule {


}

应用组件：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['app/css/bootstrap.css'],
})
export class AppComponent {

    title = "Dummy login page"

}

app.component.html

<div class="container">
    <h1>
        {{title}}
    </h1>

    <app-library></app-library>

</div>

尝试使用
appComponent
中的
providers:[CustomerService]
添加
CustomerService
。从
构造函数中删除
customer:customer
（customer:customer，books:BooksService）
在您的
CustomerService.ts
@AvneshShakya中，我这样做了，得到了一个错误，说
TypeError:cannotread属性'8'，未定义的
您知道您的代码是什么吗？
让book:IBookbook[someNumber]
总是会出错
@Component({
    selector: 'app-library',
    templateUrl: 'app/library/homePage/mainPage.html',
    styleUrls: ['app/css/bootstrap.css'],
})