Upgrade to Ionic 6 with Angular version 13 Error

Hello,

I upgraded my Angular version from 12 to 13 and upgraded Ionic from 5 to 6.
After migration, when I run ionic serve, I get the below error. Please help.

An unhandled exception occurred: NOT SUPPORTED: keyword “id”, use “$id” for schema ID

package.json file:

{
  "name": "webroot",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.conf.json",
    "build": "BUILD_ENV=${BUILD_ENV:-local} ng build --configuration=$BUILD_ENV",
    "build_react": "ng build",
    "test": "jest --config ./jest.config.js",
    "test:watch": "jest --config ./jest.config.js --watch",
    "test:clear": "jest --clearCache",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "postinstall": "jetifier"
  },

  "private": true,
  "dependencies": {
    "@angular/animations": "^13.2.3",
    "@angular/cdk": "^13.2.3",
    "@angular/common": "~13.2.3",
    "@angular/compiler": "~13.2.3",
    "@angular/core": "~13.2.3",
    "@angular/forms": "~13.2.3",
    "@angular/material": "^10.1.0",
    "@angular/platform-browser": "~13.2.3",
    "@angular/platform-browser-dynamic": "~13.2.3",
    "@angular/router": "~13.2.3",
    "@capacitor/android": "^3.0.2",
    "@capacitor/app": "^1.0.2",
    "@capacitor/core": "^3.0.2",
    "@capacitor/haptics": "^1.0.2",
    "@capacitor/ios": "^3.0.2",
    "@capacitor/keyboard": "^1.0.2",
    "@capacitor/push-notifications": "^1.0.2",
    "@capacitor/status-bar": "^1.0.2",
    "@ckeditor/ckeditor5-angular": "^2.0.1",
    "@ckeditor/ckeditor5-build-classic": "^27.0.0",
    "@ionic-native/calendar": "^5.27.0",
    "@ionic-native/chooser": "^5.32.1",
    "@ionic-native/core": "^5.27.0",
    "@ionic-native/device": "^5.27.0",
    "@ionic-native/file": "^5.27.0",
    "@ionic-native/file-opener": "^5.27.0",
    "@ionic-native/in-app-browser": "^5.27.0",
    "@ionic-native/network": "^5.33.1",
    "@ionic-native/social-sharing": "^5.33.0",
    "@ionic-native/splash-screen": "^5.27.0",
    "@ionic-native/status-bar": "^5.27.0",
    "@ionic/angular": "^6.0.8",
    "@tinymce/tinymce-angular": "^4.0.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react-optimize": "^1.0.1",
    "bootstrap": "^4.4.1",
    "cordova-plugin-calendar": "^5.1.5",
    "cordova-plugin-chooser": "^1.3.2",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-file": "^6.0.2",
    "cordova-plugin-file-opener2": "^3.0.2",
    "cordova-plugin-inappbrowser": "^4.0.0",
    "cordova-plugin-ionic": "5.4.7",
    "cordova-plugin-network-information": "^3.0.0",
    "cordova-plugin-whitelist": "^1.3.4",
    "cordova-plugin-x-socialsharing": "^6.0.3",
    "core-js": "^2.5.4",
    "es6-promise-plugin": "^4.2.2",
    "jetifier": "^1.6.6",
    "jquery": "^3.4.1",
    "material-icons": "^0.3.0",
    "mobx": "3.1.7",
    "mobx-react": "4.1.3",
    "moment": "^2.18.1",
    "ngx-input-file": "^10.2.0",
    "react": "15.4.2",
    "react-another-signature-pad": "^0.9.2",
    "react-bootstrap": "^0.32.1",
    "react-datepicker": "^0.54.0",
    "react-dom": "15.4.2",
    "react-flatpickr": "^3.5.1",
    "react-jqueryui-datepicker": "^1.0.3",
    "react-signature": "^1.2.4",
    "react-signature-canvas": "^0.1.7",
    "react-signature-pad": "^0.0.6",
    "rxjs": "~6.5.1",
    "socket.io-client": "^2.3.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.4"
  },

  "devDependencies": {
    "@angular-builders/custom-webpack": "^10.0.0",
    "@angular-builders/jest": "^10.0.1",
    "@angular-devkit/build-angular": "~13.2.4",
    "@angular/cli": "~13.2.4",
    "@angular/compiler-cli": "~13.2.3",
    "@angular/language-service": "~13.2.3",
    "@capacitor/cli": "^3.0.2",
    "@fortawesome/fontawesome-pro": "^5.12.1",
    "@ionic/angular-toolkit": "^3.1.1",
    "@ionic/lab": "3.1.7",
    "@types/jest": "^26.0.15",
    "@types/node": "^12.11.1",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-plugin-transform-async-to-generator": "^6.24.1",
    "babel-plugin-transform-class-properties": "^6.23.0",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-preset-es2016": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "bamboo-jest-reporter": "^1.0.3",
    "codelyzer": "^6.0.0",
    "jest": "^27.4.5",
    "jest-preset-angular": "^11.0.0",
    "protractor": "~7.0.0",
    "ts-node": "~7.0.0",
    "tslint": "~6.1.0",
    "typescript": "~4.5.5"
  },
  "description": "An Ionic project"
}
2 Likes