Angular 角度4:注入服务后组件消失

Angular 角度4:注入服务后组件消失,angular,angular-services,angular-components,Angular,Angular Services,Angular Components,我在Angular 4中遇到了有关组件和服务的问题。 所以我得到了客户组件: @Component({ selector: 'app-customer', templateUrl: './customer.component.html', styleUrls: ['./customer.component.css'] }) export class CustomerComponent implements OnInit { customers: Customer[] = []; constru

我在
Angular 4
中遇到了有关
组件和
服务的问题。
所以我得到了
客户组件

@Component({
selector: 'app-customer',
templateUrl: './customer.component.html',
styleUrls: ['./customer.component.css']
})
export class CustomerComponent implements OnInit {

customers: Customer[] = [];
constructor() { }
以及
客户模型

export class Customer {
constructor(
public id: number,
public firstName: string,
public lastName: string
) {  }
}
以及
客户服务

@Injectable()
export class CustomerService {

private customersUrl = 'http://localhost:9090/customer';
constructor(private http: Http) { }

// Get all customers
getCustomers(): Promise<Customer[]> {
return this.http.get(this.customersUrl)
  .toPromise()
  .then(response => response.json() as Customer[])
  .catch(this.handleError);
}

customer works
不再显示,我在控制台中也没有收到错误消息。所以我不知道问题出在哪里。有人能帮忙吗?谢谢

将您的服务添加到应用程序模块

providers: [
    CustomerService
  ],

我发现了问题所在。我忘记在
AppModule
中导入
HttpModule
。但我仍然不知道为什么我在任何地方都没有看到错误…

您的终端(可能)执行ng serve时是否有编译错误?你在说哪个控制台?如果您谈论的是终端,您是否检查了浏览器控制台?是否可以将customer.html添加到问题中?更好地检查浏览器控制台中是否存在任何错误。在chrome上,右键单击->检查->控制台选项卡。@JBNizet我说的是两者,我运行ng serve的那个和浏览器控制台。两者都没有显示错误。@IzzoObella我说的是两者,我运行ng serve的那个和浏览器控制台。两者都不显示错误。这肯定会在控制台中打印错误。您是否已将其配置为过滤某些类型的消息?您是否使用其他浏览器进行了测试?@JBNizet我发现,这些错误在chrome浏览器控制台中出现的时间大约为1/10秒。之后,控制台是空的。
providers: [
    CustomerService
  ],