なぜAngleFire2クラスをインポートした後、Angle 4アプリケーションを提供できなかったのですか？

Question

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) 

Answer 1

は、これは、古くなっているあなたの角のパッケージのいずれかに最も可能性が高いです。

プロジェクトをAngular 5に更新したのに、@angular/cliのバージョンを更新していないときにこのエラーが発生しましたが、期限切れの他のパッケージで同じエラーが発生すると思います。

ここでは、角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を参照してください。