Angular2 - 无法导入http模块

Question

Answer没有帮助我导入http模块没有错误。

---

$ ng version 
Angular CLI: 1.5.0 
Node: 6.11.5 
OS: linux x64 
Angular: 5.0.0 
... animations, common, compiler, compiler-cli, core, forms 
... http, language-service, platform-browser 
... platform-browser-dynamic, router 

@angular/cli: 1.5.0 
@angular-devkit/build-optimizer: 0.0.32 
@angular-devkit/core: 0.0.20 
@angular-devkit/schematics: 0.0.35 
@ngtools/json-schema: 1.1.0 
@ngtools/webpack: 1.8.0 
@schematics/angular: 0.1.0 
typescript: 2.4.2 
webpack: 3.8.1 
$ 

---

下面的代码，

/* ../src/app/app.module.ts */ 
import {HttpClientModule} from '@angular/common/http'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    HomeComponent, 
    DirectoryComponent, 
    FilterPipe, 
    LoggingService 
    ], 
    imports: [ 
    FormsModule, 
    BrowserModule, 
    HttpClientModule, 
    routing 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

---

和服务代码，

/* ../src/app/data.service.ts */ 
import { Injectable } from '@angular/core'; 
import {HttpClient} from '@angular/common/http'; 

@Injectable() 
export class DataService { 

    constructor(private http: HttpClient) { } 

} 

---

给出了错误：

ERROR in src/app/data.service.ts(2,9): error TS2305: Module '"/home/../My_Websites/Youtube_sites/angular_2_playlist/ninja-directory/node_modules/@angular/http/http"' has no exported member 'HttpClient'. 

---

为什么HttpClient服务不能在服务代码构造被注入？

Answer 1

你需要打电话给你的服务app.component.ts

import {DataService} from './data.service.ts'; 

and also give in your app.component.ts file

providers:[DataService] 

See TutorialsPoint Example for More

感谢