您好我正在尝试从'@ angular / common / http'导入http调用,并收到模块没有导出成员'http'的错误消息
错误:[ts]模块'“e:/ car / node_modules / @ angular / common / http”'没有导出成员'Http' . [2305]
import {
RouterModule
} from '@angular/router';
import {
BrowserModule
} from '@angular/platform-browser';
import {
NgModule
} from '@angular/core';
import {
AppRoutingModule
} from './app-routing.module';
import {
AppComponent
} from './app.component';
import {
HomeComponent
} from './home/home.component';
import {
HttpClientModule
} from '@angular/common/http';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
RouterModule.forRoot([{
path: '',
component: HomeComponent
}])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
import {
Http
} from '@angular/common/http';
import {
Component,
OnInit
} from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
constructor(private http: Http) {}
products = [];
fetchData = function() {
this.http.get('http://localhost:5555/products').subscribe(
(res: Response) => {
this.products = res.json();
}
);
};
ngOnInit() {
this.fetchData();
}
}
以下代码用于插入包含详细信息的json文件
1 回答
HttpClientModule
将注入HttpClient
服务而不是Http
.请在
HomeComponent
中的构造函数注入中使用HttpClient
.对于Reference,创建了样本stackblitz代码 .