类型“HttpClient”上不存在属性“get”

Question

app.module.ts
import { BrowserModule } from ‘@angular/platform-browser’;
import { NgModule } from ‘@angular/core’;
import { AppRoutingModule } from ‘./app-routing.module’;
import { AppComponent } from ‘./app.component’;
import { ProductComponent } from ‘./product/product.component’;
import { HttpClientModule } from ‘@angular/common/http’;
import { HttpClient } from ‘@angular/common/http’;

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

product.component.ts

import { Component, OnInit } from ‘@angular/core’;
import { Observable } from ‘rxjs’;
import { HttpClient } from ‘selenium-webdriver/http’;
import ‘rxjs/Rx’;
import { HttpClientModule } from ‘@angular/common/http’;

@Component({
selector: ‘app-product’,
templateUrl: ‘./product.component.html’,
styleUrls: [’./product.component.css’]
})
export class ProductComponent implements OnInit {

dataSource:Observable;
products:Array = [];

constructor(private http:HttpClient) {
this.dataSource = this.http.get(’’)
.map((res: Response) => {
res.json();
})
}

ngOnInit() {
this.dataSource.subscribe(
(data)=>this.products=data
)
}

}

Answer 1

接灰的电子产品 2019-07-19 01:00:20

import { HttpClient } from ‘selenium-webdriver/http’;
这个去掉，引错包了

• 提问者 慕慕4503670 #1

  不是 老师 这个问题我解决了 我现在这个问题是你在ANGULAR企业协作平台中 你说用cnpm 安装metarial 但是我在外国 所以用npm 安装的 但是后来又让我安装 core 和另外一个啥包，我安装后他又说什么angular版本不兼容

• 接灰的电子产品 回复 提问者 慕慕4503670 #2

  https://github.com/wpcfan/taskmgr 这个里面是 ng 7 版本，clone 后直接 npm i 即可。课程的版本需要 angular-cli 也是 1.3 的版本，所以为方便期间，可以直接 clone 我的工程

• 提问者 慕慕4503670 回复 接灰的电子产品 #3

  哇 老师真是硬核，感觉自己是个小笨比 连个工程都搭不起来 难受

点开查看后面1条评论

Answer 2

提问者 慕慕4503670 2019-07-08 16:55:45

请问老师 为什么找不到get方法，我在网上查询了很多办法依旧找不到 求老师指教

• 接灰的电子产品 #1

  导错包了吧，和git中对比一下。你 import 的应该不是@angular/common/http 中的

• 提问者 慕慕4503670 回复 接灰的电子产品 #2

  好的。谢谢老师 能请教一下如何用angular导数据库的数据吗？我在Google上查了好久都没有

• 接灰的电子产品 #3

  angular 是前端框架啊，连接数据库一般是后端的活啊，ng 和 后端通过 rest api 进行通信

点开查看后面5条评论