Angular 5 StaticInjectorError：[Http]

Question

你好，我得到這樣的錯誤是什么原因？

StaticInjectorError [Http]：StaticInjectorError [Http]：NullInjectorError：沒有Http的提供者！ 在tryResolveToken（core.js：1153）的resolveToken（core.js：1211）的NullInjector.get（core.js：923）中，在resolveToken（core.js）的StaticInjector.get（core.js：1024）處輸入代碼。 1211）在tryResolveToken（core.js：1153），在resolveNgModule.ep（core.js：1024）的resolveNgModuleDep（core.js：10585），在NgModuleRef.get（core.js：11806），在resolveDep（core.js：12302） ）

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

嘗試在app.module.ts中導入HttpClientModule

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

Answer 2

如示例中所述，在app.module.ts中導入HttpClientModule 。 謝謝世界！ :)

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

        @NgModule({
            imports: [ BrowserModule, HttpClientModule ],
            providers: [],
            declarations: [ AppComponent ],
            bootstrap: [ AppComponent ]
        })
        export default class AppModule { }

        platformBrowserDynamic().bootstrapModule(AppModule); 

Answer 3

在此輸入圖像描述

您沒有導入HttpModule中（也許你app.module.ts）在NgModule > imports