【Angular】Angular+Ionic报错：No provider for *Service!

1.报错信息：

ERROR Error: Uncaught (in promise): Error: No provider for TrainService!
Error: No provider for TrainService!

第二个信息：

2.解决方案：

去报错信息中提到的TrainService.ts文件中，添加provider；具体如下：

3.源代码：

在module.ts文件中添加providers：

import {NgModule} from "@angular/core";
import {IonicPageModule} from "ionic-angular";
import {SharedModule} from "../../../platform/common/shared.module";
import {TrainingRecordComponent} from "./trainingRecord";
import {TrainService} from "../train.service";//②这里一般会自动导入，如果不能自动导入，要自己手动从文件夹下导入TrainService；

@NgModule({
  imports:  [SharedModule,IonicPageModule.forChild(TrainingRecordComponent)],
  declarations: [TrainingRecordComponent],
  providers:[TrainService]//①在这里添加providers
})
export class TrainingRecordModule {

}

4.总结：

这里我们用A来代表你具体的文件名

1. A.service.ts(含有A.service)
2. A.ts(含有Acomponent)
3. A.module.ts
4. A.scss

四个文件，其中module和Component都是组件的意思；容易弄混淆；我的理解的是，module是父组件，component是子组件，可以翻译成元件；为什么，从imports，declarations，providers可以看出，后缀都带s，module.ts文件是父，有好多子；但是一个子，不可能有好多血缘意义上的父（不然会很可怕）；

1.imports:表示导入的外部结构，架构；比较宏大一些的；在module.ts文件中，写入要导入的外部包；
2.Declarations:表示父子关系，通过具体的A.ts中的Acomponnent来实施具体方法，父亲来购买原料，儿子来制作；
3.providers：表示，方法的提供者，一般都是具体的service；比如A.service;