为什么我在导入 angularfire2 类后无法为我的 angular 4 应用程序提供服务？答案

【问题标题】：Why I couldn't ng serve my angular 4 application after I imported angularfire2 classes?为什么我在导入 angularfire2 类后无法为我的 angular 4 应用程序提供服务？
【发布时间】：2017-11-24 03:32:00
【问题描述】：

ERROR in Error: Metadata version mismatch for module C:/Users/Momo/Desktop/clientpanelapp/src/app/app.module.ts, found version 3, expected 4
    at StaticSymbolResolver.getModuleMetadata (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler\bundles\compiler.umd.js:31822:34)
    at StaticSymbolResolver._createSymbolsOf (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler\bundles\compiler.umd.js:31579:46)
    at StaticSymbolResolver.resolveSymbol (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler\bundles\compiler.umd.js:31238:14)
    at StaticReflector.findSymbolDeclaration (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler\bundles\compiler.umd.js:30355:67)
    at StaticReflector.findDeclaration (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler\bundles\compiler.umd.js:30330:21)
    at Object.listLazyRoutesOfModule (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler-cli\src\ngtools_impl.js:51:37)
    at Function.NgTools_InternalApi_NG_2.listLazyRoutes (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@angular\compiler-cli\src\ngtools_api.js:91:39)
    at AotPlugin._getLazyRoutesFromNgtools (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@ngtools\webpack\src\plugin.js:207:44)
    at _donePromise.Promise.resolve.then.then.then.then.then (C:\Users\Momo\Desktop\clientpanelapp\node_modules\@ngtools\webpack\src\plugin.js:443:24)
    at process._tickCallback (internal/process/next_tick.js:109:7)

【问题讨论】：

如果您提供了一些导致此错误的代码，将会很有用。
如果我的回答有效，请告诉我 - 当我升级到 Angular 5 时出现此错误。如果您发布有关您想要实现的目标以及您想要实现的目标的更多详细信息，很高兴修改我的回答在您收到此错误之前做过吗？

标签： angular firebase angularfire2

【解决方案1】：

这很可能是由于您的某个 Angular 包已过期。

当我将项目更新到 Angular 5 时出现此错误，但没有更新 @angular/cli 的版本，但我认为其他过期的包会引发相同的错误。

如果您打算升级到 Angular 5，以下是您的 package.json 的依赖项列表，应该可以解决此错误：

  "dependencies": {
    "@angular/animations": "5.0.0",
    "@angular/cdk": "^5.0.0-rc0",
    "@angular/common": "5.0.0",
    "@angular/compiler": "5.0.0",
    "@angular/core": "5.0.0",
    "@angular/forms": "5.0.0",
    "@angular/http": "5.0.0",
    "@angular/material": "^5.0.0-rc0",
    "@angular/platform-browser": "5.0.0",
    "@angular/platform-browser-dynamic": "5.0.0",
    "@angular/platform-server": "5.0.0",
    "@angular/router": "5.0.0",
    "core-js": "^2.5.1",
    "hammerjs": "^2.0.8",
    "rxjs": "5.5.2",
    "zone.js": "^0.8.18"
  },
  "devDependencies": {
    "@angular/cli": "^1.5.3",
    "@angular/compiler-cli": "5.0.0",
    "@types/jasmine": "2.6.0",
    "@types/node": "^8.0.34",
    "codelyzer": "^3.2.1",
    "ts-node": "~3.3.0",
    "tslint": "~5.7.0",
    "typescript": "2.4.2"
  }

有关更多信息，请参阅 Github 上的 issue on the Angular Material 2 repo。

【讨论】：