Hi, i use angular material in my project, i have this problem : core.js:157 The Angular Material version (12.2.13) does not match the Angular CDK version (13.3.5). Please ensure the versions of these two packages exactly match. can you help me ?
you did not follow the upgrade guideline properly or missed some steps undo all changes delete node_module npm install npm run build if you see any errors fix that then follow the upgrade guideline, package version mismatch is not small issue, sometime its takes day to resolve so always follow angular upgrade guideline
@@DevBugFix, thx for your support :) i find the solution for my problem ! i try this version for : "@angular/cdk": "~12.2.13" and "@angular/material": "^12.0.0" is ok for npm install work !
Hi, Thanks for the video. I am using angular 9.0 and want to update to 16. I am trying to update it to 10.0 first. So I run command 'npx @angular/cli@10 update @angular/core@10 @angular/cli@10'. But getting error as below. '× Migration failed: Incompatible peer dependencies found. Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together. You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.' Please help.
@@e-fold6552Angular Team don't recommend major upgrade , you should update step by step otherwise 99% chance application will not work. you can try and share your experience with us.
undo all changes delete node_module npm install npm run build if you see any errors fix that then follow the upgrade guideline, always follow angular upgrade guideline
share error stack here. tips. Many times, issues are fixed by doing the following things. 1: run npm install 2: delete node_module folder run npm install 3: restart vs code. 4: restart ng serve command.
you need to install Angular cli , run this command npm install -g @angular/cli after running this command you can use ng command if you have installed this cli already follow these steps npm uninstall -g angular-cli npm uninstall -g @angular/cli npm cache clean Delete the C:\Users\%YOU%\AppData\Roaming pm ode_modules\@angular folder. Reboot, then, finally, run: npm install -g @angular/cli
@@DevBugFix × Migration failed: Incompatible peer dependencies found. Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together. You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.
After performing 1st step, i am migration failed: incompatible peer dependencies found - @angular-eslint/builder has incompatible peer dependency to @angukar/cli. Please help me in this
Ensure your node version is greater than 10 you can check by running this command node -v use flag --force with commands for example "ng update @angular/core@12 @angular/cli@12 --force" don't use this command , its only for example .
@@DevBugFix It worked after adding --force. I tried --force for 'ng update @angular/material@12 --force' as again same migration error was coming. After doing 'ng update' when I am trying with 'ng update @angular/cli@12 --migrate-only production-by-default' -> i am getting error: A single package must be specified when using the 'migrate-only' option. Please help me in this. Thank you. Node version is v18.7.0
create fresh copy of code , npm install , ng serve , if no error comes in ng serve follow my video from beginning follow the instruction from site which i showed in video
@@DevBugFix after doing the same, i am still getting migration error with "ng update @angular/core@12 @angular/cli@12". Migration error: incompatible peer dependency @angular-eslint/builder. My node version is 16.17.0 and npm is 8.15.0 I am new to angular and really not understanding the error. Could you please help me in this. Thank you
@@pragyapriya9049 your previous version is angular 11? for peer dependency use --force flag, are you following angular upgrade guide which i showed in video ?
It's really important vdo for us
Nice
Thank you sir keep doing good work
Good one
Informative vdo.... Excellent
Helpful info for me.. Thank u sir ji
Great vdo
Nice information
Very important
Nic teaching
Good job... Keep it up
Thanks for the vdo
Nice content
Nice Thank you
Superb work
Nice info...
Very nice 👌
Nice work
Nice ❤️
Super sir ge
Thanks
Helpful
💞💞💞
Hi, i use angular material in my project, i have this problem :
core.js:157 The Angular Material version (12.2.13) does not match the Angular CDK version (13.3.5).
Please ensure the versions of these two packages exactly match.
can you help me ?
try to run this cmd
ng add @angular/material@latest
did you check this checkbox "I use Angular Material" from this update.angular.io/
@@DevBugFix, yes i checked Angular material checkbox,
but when i resolv this with a "@angular/material": "^13.2.6", several problems occur... tslint, polyfill etc...
"dependencies": {
"@angular/animations": "~13.3.5",
"@angular/cdk": "~13.3.5",
"@angular/common": "~13.3.5",
"@angular/compiler": "~13.3.5",
"@angular/core": "~13.3.5",
"@angular/forms": "~13.3.5",
"@angular/router": "~13.3.5",
"@angular/platform-browser": "~13.3.5",
"@angular/platform-browser-dynamic": "~13.3.5",
"@angular/material": "^12.2.6",
"@angular/material-moment-adapter": "^12.2.6",
"@ngx-translate/core": "^13.0.0",
"@ngx-translate/http-loader": "^6.0.0",
"@tinymce/tinymce-angular": "^5.0.1",
"keycloak-js": "^12.0.4",
"moment": "^2.29.1",
"ngx-mat-select-search": "^4.1.1",
"rxjs": "~7.5.5",
"tinymce": "^5.9.2",
"zone.js": "^0.11.4"
},
you did not follow the upgrade guideline properly or missed some steps
undo all changes
delete node_module
npm install
npm run build if you see any errors fix that
then follow the upgrade guideline,
package version mismatch is not small issue, sometime its takes day to resolve
so always follow angular upgrade guideline
@@DevBugFix, thx for your support :) i find the solution for my problem !
i try this version for : "@angular/cdk": "~12.2.13" and "@angular/material": "^12.0.0" is ok for npm install work !
Hi, Thanks for the video. I am using angular 9.0 and want to update to 16. I am trying to update it to 10.0 first. So I run command 'npx @angular/cli@10 update @angular/core@10 @angular/cli@10'. But getting error as below.
'× Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.
You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.'
Please help.
use --force option like this
npx @angular/cli@10 update @angular/core@10 @angular/cli@10 --force
Is that necessary to do step by step update. Can't I directly update 9 to 16 ?
@@e-fold6552Angular Team don't recommend major upgrade , you should update step by step otherwise 99% chance application will not work.
you can try and share your experience with us.
Using package manager: 'npm'
Collecting installed dependencies...
Found 0 dependencies.
Package '@angular/core' is not a dependency.
how to resolve
undo all changes
delete node_module
npm install
npm run build if you see any errors fix that
then follow the upgrade guideline,
always follow angular upgrade guideline
Getting heap issue while updating version
Share error stack here
Bro geeting heap issue after migrating to 11 from 10 how to fix
share error stack here.
tips. Many times, issues are fixed by doing the following things.
1: run npm install
2: delete node_module folder run npm install
3: restart vs code.
4: restart ng serve command.
@@DevBugFix how to delete node modules folder which command In good we have more
simply press right click on node_module folder and click delete . if you see error then close vs code or any ide which you are using
I am getting ng command not found in my git bash. Could anyone please let me know how to fix it. Any help is appreciated.
you need to install Angular cli , run this command
npm install -g @angular/cli
after running this command you can use ng command
if you have installed this cli already
follow these steps
npm uninstall -g angular-cli
npm uninstall -g @angular/cli
npm cache clean
Delete the C:\Users\%YOU%\AppData\Roaming
pm
ode_modules\@angular folder.
Reboot, then, finally, run:
npm install -g @angular/cli
@@DevBugFix thank you 😊
Bro i am getting error while upgrading from 10 to 11
Share here
i have added in angular 9 now i am on angular 15 ,no error came
bro i'm getting the migration error
share error here
@@DevBugFix × Migration failed: Incompatible peer dependencies found.
Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together.
You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later.
@@harikakagga5908 use --force flag .
.i.e. npm xxxxxx --force
Creating a backup before migration it's a good thing.
After performing 1st step, i am migration failed: incompatible peer dependencies found - @angular-eslint/builder has incompatible peer dependency to @angukar/cli. Please help me in this
Ensure your node version is greater than 10
you can check by running this command node -v
use flag --force with commands
for example "ng update @angular/core@12 @angular/cli@12 --force" don't use this command , its only for example .
@@DevBugFix It worked after adding --force.
I tried --force for 'ng update @angular/material@12 --force' as again same migration error was coming. After doing 'ng update' when I am trying with 'ng update @angular/cli@12 --migrate-only production-by-default' -> i am getting error: A single package must be specified when using the 'migrate-only' option.
Please help me in this. Thank you.
Node version is v18.7.0
create fresh copy of code ,
npm install ,
ng serve ,
if no error comes in ng serve
follow my video from beginning
follow the instruction from site which i showed in video
@@DevBugFix after doing the same, i am still getting migration error with "ng update @angular/core@12 @angular/cli@12".
Migration error: incompatible peer dependency @angular-eslint/builder.
My node version is 16.17.0 and npm is 8.15.0
I am new to angular and really not understanding the error. Could you please help me in this. Thank you
@@pragyapriya9049 your previous version is angular 11? for peer dependency use --force flag, are you following angular upgrade guide which i showed in video ?
Great vdo
Nice
Nice
Nice
Nice
Nice