I would like to update Angular version 12 -> 13 in my project, and I use the Angular Update Guide to do this and already after using the first command, i.e. After calling the command: ng update @angular/core@13 @angular/cli@13 in the console I get this message (following the above command):
The installed Angular CLI version is outdated.
Installing a temporary Angular CLI versioned 13.3.9 to perform the update.
√ Packages successfully installed.
Using package manager: 'npm'
Collecting installed dependencies...
Found 61 dependencies.
Fetching dependency metadata from registry...
Package "@angular-eslint/builder" has an incompatible peer dependency to "@angular/cli" (requires ">= 11.2.0 < 12.0.0", would install "13.3.9").
Package "@angular-material-components/datetime-picker" has an incompatible peer dependency to "@angular/common" (requires "^11.1.0" (extended), would install "13.3.11").
Package "@angular-eslint/eslint-plugin" has an incompatible peer dependency to "@angular/compiler" (requires ">= 11.2.0 < 12.0.0" (extended), would install "13.3.11").
Package "@angular-material-components/datetime-picker" has an incompatible peer dependency to "@angular/core" (requires "^11.1.0" (extended), would install "13.3.11").
Package "@angular-material-components/datetime-picker" has an incompatible peer dependency to "@angular/forms" (requires "^11.1.0" (extended), would install "13.3.11").
Package "@angular-material-components/datetime-picker" has an incompatible peer dependency to "@angular/platform-browser" (requires "^11.1.0" (extended), would install "13.3.11").
× 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.
I don't know if the problem isn't that some libraries use Angular 11 and version 13 is no longer compatible. How could I approach this problem?
I also uploaded the package.json dependency file:
{
"name": "angular",
"version": "1.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular-material-components/datetime-picker": "^5.1.0",
"@angular-material-components/moment-adapter": "^5.0.0",
"@angular/animations": "^12.0.2",
"@angular/cdk": "^12.0.2",
"@angular/common": "~12.0.2",
"@angular/compiler": "~12.0.2",
"@angular/core": "~12.0.2",
"@angular/forms": "~12.0.2",
"@angular/material": "^12.0.2",
"@angular/platform-browser": "~12.0.2",
"@angular/platform-browser-dynamic": "~12.0.2",
"@angular/router": "~12.0.2",
"chart.js": "^2.9.4",
"jquery": "^3.6.0",
"jspdf": "^2.3.1",
"jspdf-autotable": "^3.5.14",
"mat-table-exporter": "^10.2.3",
"materialize-css": "^1.0.0",
"moment": "^2.29.1",
"moment-timezone": "^0.5.33",
"ng2-charts": "^2.4.2",
"ngx-file-drop": "^11.1.0",
"ngx-logger": "^4.2.1",
"ngx-material-timepicker": "^5.5.3",
"ngx-quill": "^13.2.0",
"ngx-spinner": "^11.0.1",
"ngx-toastr": "^13.2.1",
"quill": "^1.3.7",
"quill-delta-to-html": "^0.12.0",
"rxjs": "~6.6.0",
"tslib": "^2.0.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~12.0.2",
"@angular-eslint/builder": "^4.0.0",
"@angular-eslint/eslint-plugin": "^4.0.0",
"@angular-eslint/eslint-plugin-template": "^4.0.0",
"@angular-eslint/schematics": "12.0.0",
"@angular-eslint/template-parser": "^4.0.0",
"@angular/cli": "~12.0.2",
"@angular/compiler-cli": "~12.0.2",
"@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "4.16.1",
"@typescript-eslint/parser": "4.16.1",
"codelyzer": "^6.0.0",
"eslint": "^7.6.0",
"eslint-plugin-import": "latest",
"eslint-plugin-jsdoc": "latest",
"eslint-plugin-prefer-arrow": "latest",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.3.2",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"schematics-scss-migrate": "^1.3.13",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.2.4"
}
}