angular2-flash-messages元数据版本不匹配报错求助
Hey there, let's break down this error you're hitting and get it sorted out!
What's Causing the Error?
The critical line in your error log says:
ERROR in Error: Metadata version mismatch for module .../angular2-flash-messages/module/index.d.ts, found version 4, expected 3
Here's the simple explanation:
- Your project is running Angular 2.3.1, which uses metadata version 3
- You installed
angular2-flash-messages@2.0.5, a version built specifically for Angular 4+ (which uses metadata version 4) - These two versions aren't compatible, hence the mismatch error popping up in your console.
How to Fix It
You’ve got two straightforward options here:
Option 1: Install the Angular 2-compatible version of angular2-flash-messages
Since you’re following an Angular 2 tutorial, this is the most seamless fix. Just switch to an older version of the package that’s made for Angular 2:
- First, uninstall the current incompatible version:
npm uninstall angular2-flash-messages --save - Then install the 1.x version that works with Angular 2:
npm install angular2-flash-messages@1.0.8 --save
Once the installation finishes, restart your Angular dev server with ng serve — the error should be gone.
Option 2: Upgrade your Angular project to v4+
If you’re open to deviating a bit from the tutorial, you could upgrade all your @angular/* dependencies to version 4.x. Keep in mind though, this might require adjusting other parts of your project to match the newer Angular version, so it’s probably not the best choice if you want to stick closely to the tutorial steps.
Quick Note on Your package.json
Looking at your dependencies, all your core Angular packages are pinned to ^2.3.1, which confirms you’re firmly on Angular 2. The angular2-flash-messages@2.0.5 was just too new for this setup.
内容的提问来源于stack exchange，提问作者Divyesh Parmar
