“HttpIntercept”类型中的属性“intercept”不可分配给基类型“HttpInterceptor”中的同一属性

Question

我正在尝试运行角度应用程序。使用 ng 服务，但出现错误，如下所示：

node_modules/angular-authentication-service/dist/app/classes/http.intercept.d.ts(5,5) 中的错误：错误 TS2416：“HttpIntercept”类型中的属性“intercept”无法分配给基中的同一属性输入“HttpInterceptor”。

Package.json 文件

"dependencies": {
    "@angular/animations": "^7.2.10",
    "@angular/cdk": "^7.3.5",
    "@angular/common": "7.0.1",
    "@angular/compiler": "7.0.1",
    "@angular/core": "7.0.1",
    "@angular/flex-layout": "^7.0.0-beta.24",
    "@angular/forms": "^6.1.10",
    "@angular/http": "^6.1.10",
    "@angular/material": "^6.4.7",
    "@angular/platform-browser": "7.0.1",
    "@angular/platform-browser-dynamic": "^7.2.10",
    "@angular/router": "7.0.1",
    "@firebase/app-types": "^0.3.7",
    "@firebase/auth-types": "^0.3.4",
    "@firebase/database-types": "^0.3.8",
    "@firebase/firestore-types": "^0.7.0",
    "@firebase/messaging-types": "^0.2.8",
    "@firebase/storage-types": "^0.2.8",
    "@ngrx/store": "^5.2.0",
    "angular-alert-module": "^2.0.3",
    "angular-authentication-service": "^1.1.8",
    "angular2-moment": "^1.9.0",
    "angularfire2": "^5.1.2",
    "bootstrap": "^4.3.1",
    "core-js": "^2.6.5",
    "firebase": "^5.9.1",
    "hammerjs": "^2.0.8",
    "jquery": "^3.3.1",
    "moment": "^2.24.0",
    "ng2-toasty": "^4.0.3",
    "ngx-alerts": "^3.4.1",
    "ngx-embed-video": "^0.3.0",
    "pusher-angular": "^1.0.0",
    "pusher-js": "^4.4.0",
    "rxjs": "^6.4.0",
    "rxjs-compat": "^6.4.0",
    "testacular": "^0.6.2",
    "videogular2": "^6.4.0",
    "webpack": "^4.29.6",
    "webpack-dev-server": "^2.11.5",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.6.8",
    "@angular/cli": "^7.0.7",
    "@angular/compiler-cli": "7.0.1",
    "@angular/language-service": "^6.1.10",
    "@types/core-js": "^2.5.0",
    "@types/jasmine": "^2.8.16",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "~8.9.4",
    "angular-froala-wysiwyg": "^2.9.3",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.3.0",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1",
    "typescript": "3.1.3"
  }

Answer 1

在与这个 bug 斗争了一整天之后，我注意到我在我的 lib 中使用了不同版本的 rxjs。库中的版本比从另一个（自行创建的）库导入的版本高0.0.1，这导致了很多类似的错误，每个拦截器都给出了相同的错误，并且我们总共从该库导入了2个（自行创建的） ) 库。

确保总体使用相同版本的 rxjs，这个问题就会消失。

Answer 2

我遇到了类似的问题，就我而言，它与软件包版本有关。我检测到这一点的方法是检查臭名昭著的 node_modules 文件夹。在某些模块上，我发现了一个嵌套的 node_modules ，其中有不同的版本，例如 Angular。因此，修复方法是检查这些模块的 package.json，同步包版本，删除 node_modules 文件夹，然后重试。