Warum konnte ich meine angular 4-Anwendung nicht bedienen, nachdem ich angularfire2-Klassen importiert habe?

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

Dies ist höchstwahrscheinlich darauf zurückzuführen, dass eines Ihrer Angular-Pakete veraltet ist.

Ich hatte diesen Fehler, als ich mein Projekt zu Angular 5 aktualisierte, aber die Version der @angular/cli nicht aktualisierte, aber ich denke, andere Pakete, die veraltet sind, werden den gleichen Fehler werfen.

Hier ist eine Liste von Abhängigkeiten für Ihre package.json, die diesen Fehler beheben sollen, wenn Sie auf Angular 5 zu aktualisieren sind mit dem Ziel:

"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" 
    } 

Siehe diesen issue on the Angular Material 2 repo auf Github für weitere Informationen.