Class 'PendingInterceptorService' incorrectly implements interface 'HttpInterceptor' when running ng serve --prod

package.json

{
  "name": "app",
  "version": "2.1.1",
  "license": "",
  "angular-cli": {},
  "scripts": {
    "ng": "ng",
    "start-dev-https": "ng serve --host 0.0.0.0 --port 4201 --environment=dev --ssl true --ssl-key %USERPROFILE%/certs/https/server.key --ssl-cert %USERPROFILE%/certs/https/server.crt",
    "start-local": "ng serve --port 4200 --environment=prod",
    "start-prod-local": "ng serve --port 4200 --prod",
    "start-prod-https": "ng serve --host 0.0.0.0 --port 4200 --environment=prod --ssl true --ssl true --ssl-key %USERPROFILE%/certs/https/server.key --ssl-cert %USERPROFILE%/certs/https/server.crt",
    "build": "ng build --environment=prod --no-progress",
    "build:prod": "ng build --prod --no-progress",
    "serve": "http-server -d false ./dist -p 4200",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "prettier": "prettier --parser typescript --single-quote --trailing-comma es5 --write \"./**/*.ts\"",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "4.4.6",
    "@angular/common": "4.4.6",
    "@angular/compiler": "4.4.6",
    "@angular/core": "4.4.6",
    "@angular/forms": "4.4.6",
    "@angular/http": "4.4.6",
    "@angular/platform-browser": "4.4.6",
    "@angular/platform-browser-dynamic": "4.4.6",
    "@angular/router": "4.4.6",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
    "@ngrx/effects": "4.1.0",
    "@ngrx/store": "4.1.0",
    "@ngrx/store-devtools": "4.0.0",
    "@swimlane/ngx-charts": "6.1.0",
    "angular2-datatable": "0.6.0",
    "bootstrap": "4.0.0-beta.2",
    "chart.js": "2.7.0",
    "core-js": "2.5.1",
    "d3": "4.11.0",
    "font-awesome": "4.7.0",
    "hammerjs": "2.0.8",
    "http-server": "0.10.0",
    "jquery": "3.2.1",
    "json-loader": "0.5.7",
    "jspdf-dpz-fork": "1.3.2",
    "lodash": "4.17.4",
    "ng-http-loader": "0.3.4",
    "ng2-charts": "1.6.0",
    "ng2-toastr": "4.1.2",
    "ngx-chips": "1.5.3",
    "popper.js": "1.12.6",
    "rxjs": "5.5.1",
    "ts-helpers": "1.1.2",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@angular/cli": "1.4.9",
    "@angular/compiler-cli": "4.4.6",
    "@angular/language-service": "4.4.6",
    "@types/chai": "4.0.4",
    "@types/jasmine": "2.6.1",
    "@types/jasminewd2": "2.0.3",
    "@types/jspdf": "1.1.31",
    "@types/lodash": "4.14.79",
    "@types/node": "8.0.47",
    "codelyzer": "3.2.2",
    "jasmine-core": "2.8.0",
    "jasmine-spec-reporter": "4.2.1",
    "karma": "1.7.1",
    "karma-chrome-launcher": "2.2.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "1.3.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "karma-remap-istanbul": "0.6.0",
    "prettier": "1.7.4",
    "protractor": "5.2.0",
    "ts-node": "3.3.0",
    "tslint": "5.8.0",
    "typescript": "2.3.4",
    "webpack-sources": "^1.0.1"
  }
}