ERESOLVE unable to resolve dependency tree

[ravimallya]

Receiving component dependency error in Angular 12.0.4 with ionic 5.33.1 while trying to install package.

Dependencies:

  "dependencies": {
    "@angular/common": "~12.0.1",
    "@angular/core": "~12.0.1",
    "@angular/forms": "~12.0.1",
    "@angular/platform-browser": "~12.0.1",
    "@angular/platform-browser-dynamic": "~12.0.1",
    "@angular/router": "~12.0.1",
    "@angular/service-worker": "~12.0.1",
    "@auth0/angular-jwt": "^5.0.2",
    "@ionic-native/core": "^5.33.1",
    "@ionic-native/onesignal": "^5.33.1",
    "@ionic-native/splash-screen": "^5.33.1",
    "@ionic-native/status-bar": "^5.33.1",
    "@ionic/angular": "^5.5.2",
    "crypto-browserify": "^3.12.0",
    "crypto-js": "^4.0.0",
    "ngx-image-cropper": "^3.3.5",
    "ngx-stars": "^1.5.1",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~12.0.1",
    "@angular-eslint/builder": "~12.0.0",
    "@angular-eslint/eslint-plugin": "~12.0.0",
    "@angular-eslint/eslint-plugin-template": "~12.0.0",
    "@angular-eslint/template-parser": "~12.0.0",
    "@angular/cli": "~12.0.1",
    "@angular/compiler": "~12.0.1",
    "@angular/compiler-cli": "~12.0.1",
    "@angular/language-service": "~12.0.1",
    "@ionic/angular-toolkit": "^4.0.0",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "4.16.1",
    "@typescript-eslint/parser": "4.16.1",
    "com.razorpay.cordova": "github:razorpay/razorpay-cordova",
    "cordova-android": "^9.1.0",
    "cordova-browser": "^6.0.0",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-enable-multidex": "^0.2.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.2.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "eslint": "^7.6.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "jasmine-core": "~3.7.1",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "onesignal-cordova-plugin": "^2.11.4",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "typescript": "~4.2.4"
  },

Error:

D:\GitRepos\xxx-app>npm i ionic-rating-component -S
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: xxx-app@0.0.1
npm ERR! Found: @angular/common@12.0.4
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"~12.0.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^10.0.0" from ionic-rating-component@1.2.1
npm ERR! node_modules/ionic-rating-component
npm ERR!   ionic-rating-component@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Ravi\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Ravi\AppData\Local\npm-cache\_logs\2021-06-12T15_48_47_300Z-debug.log

[Saqib92]

Any Update?

[felixphase]

Even I am facing the same issue. So is there any updates for this? @ravimallya @Saqib92 Thanks in advance.

[Saqib92]

Even I am facing the same issue. So is there any updates for this? @ravimallya @Saqib92 Thanks in advance.

NO. I used this: https://github.com/rodainahassan/ionic-rating

[felixphase]

Even I am facing the same issue. So is there any updates for this? @ravimallya @Saqib92 Thanks in advance.

NO. I used this: https://github.com/rodainahassan/ionic-rating

Thanks for the response.

[felixphase]

Hey @ravimallya & @Saqib92, I have solved it by using --force like this npm install --force. Hope it works for you too.

[Saqib92]

Hey @ravimallya & @Saqib92, I have solved it by using --force like this npm install --force. Hope it works for you too.

yes --force works.