Javascript 错误ts2315类型'；可观察的'；不是泛型的

我越来越

类型“observable不是泛型”

虽然导入文件。我正在angular 7中尝试CRUD操作，并制作了两个组件，分别是add和list of employees，我创建和获取employees list的函数写在“policy.service.ts”中，我将在其中获取

类型“Observable”不是泛型

我没有犯错误，请帮助解决这个问题

这是我的package.json

{
    "name": "crudop",
    "version": "0.0.0",
    "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
    },
    "private": true,
    "dependencies": {
        "@angular/animations": "~7.2.0",
        "@angular/common": "~7.2.0",
        "@angular/compiler": "~7.2.0",
        "@angular/core": "~7.2.0",
        "@angular/forms": "~7.2.0",
        "@angular/platform-browser": "~7.2.0",
        "@angular/platform-browser-dynamic": "~7.2.0",
        "@angular/router": "~7.2.0",
        "angular-in-memory-web-api": "^0.8.0",
        "bootstrap": "^4.3.1",
        "core-js": "^2.5.4",
        "rxjs": "~6.3.3",
        "rxjs-compat": "^6.5.2",
        "tslib": "^1.9.0",
        "zone.js": "~0.8.26"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "~0.13.0",
        "@angular/cli": "~7.3.9",
        "@angular/compiler-cli": "~7.2.0",
        "@angular/language-service": "~7.2.0",
        "@types/node": "~8.9.4",
        "@types/jasmine": "~2.8.8",
        "@types/jasminewd2": "~2.0.3",
        "codelyzer": "~4.5.0",
        "jasmine-core": "~2.99.1",
        "jasmine-spec-reporter": "~4.2.1",
        "karma": "~4.0.0",
        "karma-chrome-launcher": "~2.2.0",
        "karma-coverage-istanbul-reporter": "~2.0.1",
        "karma-jasmine": "~1.1.2",
        "karma-jasmine-html-reporter": "^0.2.2",
        "protractor": "~5.4.0",
        "ts-node": "~7.0.0",
        "tslint": "~5.11.0",
        "typescript": "~3.2.2"
    }
}

policy.service.ts

导入{
注射的
}从“@angular/core”开始；
进口{
HttpClient
}来自“@angular/common/http”；
进口{
HttpHeader
}来自“@angular/common/http”；
进口{
雇员
}来自“/Iempolyee”；
进口{
可观察
}来自“rxjs/可观察”；
@注射的({
providedIn:'根'
})
出口类保单服务{
构造函数（私有http:HttpClient）{}
私有url='api/员工'；
getEmployees（）：可观察{
返回this.http.get（this.url）
}
createUseremployee（用户：IEEmployee）：可观察{
常量httpOptions={
标题：新的HttpHeaders({
“内容-
键入“：”
应用程序/json'}）}
返回this.http.post（this.url，user，httpOptions）；
}
}

这里我得到的问题是

getEmployee

和

createUseremployee

函数的类型observable不是泛型的

我在想，如果我需要重新安装所有或任何技巧可以工作

---

您需要为Observable添加{}，并且只从rxjs导入

import { Observable } from 'rxjs';

这是我的工作

import {  Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { HttpHeaders} from '@angular/common/http';
import { Observable } from 'rxjs';

export interface IEmployee {
   id:number
}


@Injectable({
    providedIn: 'root'
})
export class PolicyService {

constructor(private http: HttpClient) { }
private url = 'api/employees';

getEmployees(): Observable<IEmployee[]> {
    return this.http.get<IEmployee[]>(this.url)
}

createUseremployee(user: IEmployee): Observable<IEmployee> {
    const httpOptions = {
        headers: new HttpHeaders({
            'Content-Type ': 'application / json '
        })
    }
    return this.http.post<IEmployee>(this.url, user, httpOptions);
}

从'@angular/core'导入{Injectable}；
从'@angular/common/http'导入{HttpClient}；
从'@angular/common/http'导入{HttpHeaders}；
从“rxjs”导入{Observable}；
导出接口IEEmployee{
身份证号码
}
@注射的({
providedIn:'根'
})
出口类保单服务{
构造函数（私有http:HttpClient）{}
私有url='api/员工'；
getEmployees（）：可观察{
返回this.http.get（this.url）
}
createUseremployee（用户：IEEmployee）：可观察{
常量httpOptions={
标题：新的HttpHeaders({
“内容类型”：“应用程序/json”
})
}
返回this.http.post（this.url，user，httpOptions）；
}

请确保您正在从

rxjs

包导入

Observable

。同样值得注意的是，在这种情况下，此返回类型注释是多余的。哦，看起来您的rxjs版本与您的rxjs compatHi Aluan版本不匹配，如何匹配这两个版本？

import{Observable}从“rxjs”；

而且你也不需要

rxjs compat

嗨，苏拉夫，我也这样做了，但它不起作用。我确定我会上传ITI@renato，你可以看到上面有问题的一个链接是“policyservice”，点击你会得到截图。你可以试试这个：1。-删除“rxjs compat”：“^6.5.2”从package.json，2.-删除节点_模块3.-执行npm清理缓存--force，4.-npm installHi@renato，这也不起作用，谢谢帮助

import {  Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { HttpHeaders} from '@angular/common/http';
import { Observable } from 'rxjs';

export interface IEmployee {
   id:number
}


@Injectable({
    providedIn: 'root'
})
export class PolicyService {

constructor(private http: HttpClient) { }
private url = 'api/employees';

getEmployees(): Observable<IEmployee[]> {
    return this.http.get<IEmployee[]>(this.url)
}

createUseremployee(user: IEmployee): Observable<IEmployee> {
    const httpOptions = {
        headers: new HttpHeaders({
            'Content-Type ': 'application / json '
        })
    }
    return this.http.post<IEmployee>(this.url, user, httpOptions);
}