각도 5 StaticInjectorError : [Http]

Question

안녕하십니까.이 오류가 발생했습니다. 이유가 무엇입니까?

StaticInjectorError [Http] : StaticInjectorError [Http] : NullInjectorError : Http!에 대한 공급자가 없습니다. resolveToken (core.js : 1211)의 tryResolveToken (core.js : 1153)의 NullInjector.get (core.js : 923)에서 resolveToken (core.js : 1024)의 StaticInjector.get resolveDep (core.js : 12302)의 NgModuleRef.get (core.js : 11806)의 resolveNgModuleDep (core.js : 10585)의 StaticInjector.get (core.js : 1024)의 tryResolveToken (core.js : 1153))

import { Injectable } from '@angular/core' import {Todo} from './Todo' 

import {Http, Response,Headers,RequestOptions} from '@angular/Http' import {Observable} from 'rxjs/Observable' import 'rxjs/add/operator/do' import 'rxjs/add/operator/catch' import 'rxjs/add/operator/map' 

@Injectable() export class TodoService{ 

constructor(private http: Http){} 

todoUrl = "https://jsonplaceholder.typicode.com/todos"; 

getTodos():Observable{ return this.http.get("https://jsonplaceholder.typicode.com/todos") .map((res:Response)=>res.json()) .do(data=>console.log("TODOS LIST")) } } 

Answer 1

enter image description here

당신이 HttpModule를 가져 오지 않았다 (어쩌면 당신은 HttpClientModul를 가져올 수 NgModule>imports

Answer 2

시도에) app.module.ts 당신의 app.module.ts에서 전자가

import { HttpClientModule } from '@angular/common/http';