[Bug] unable to install ngx-chips

[zer09]

Version

Version 1.2.0

Reproduction link

https://demos.creative-tim.com/black-dashboard-pro-angular/#/dashboard

Operating System

Manjaro

Device

PC

Browser & Version

Firefox and Chrome latest version

Steps to reproduce

• Download latest version of Black Dashboard PRO Angular
• Update dependencies, to try to resolved the unresolved dependencies

  "dependencies": {
    "@angular/animations": "~11.2.14",
    "@angular/common": "~11.2.14",
    "@angular/compiler": "~11.2.14",
    "@angular/core": "~11.2.14",
    "@angular/forms": "~11.2.14",
    "@angular/platform-browser": "~11.2.14",
    "@angular/platform-browser-dynamic": "~11.2.14",
    "@angular/router": "~11.2.14",
    "@fullcalendar/core": "4.3.1",
    "@fullcalendar/daygrid": "4.3.0",
    "@fullcalendar/interaction": "4.3.0",
    "@swimlane/ngx-datatable": "^19.0.0",
    "angular2-multiselect-dropdown": "4.6.6",
    "bs-stepper": "1.7.0",
    "chart.js": "2.9.4",
    "core-js": "3.8.1",
    "d3-scale": "3.2.1",
    "devextreme": "19.2.6",
    "devextreme-angular": "19.2.6",
    "fullcalendar": "3.10.1",
    "jw-bootstrap-switch-ng2": "2.0.5",
    "ngx-bootstrap": "5.3.2",
    "ngx-chips": "2.2.2",
    "ngx-toastr": "12.0.0",
    "nouislider": "14.6.3",
    "perfect-scrollbar": "1.5.0",
    "rxjs": "^6.6.3",
    "stream": "0.0.2",
    "sweetalert2": "10.3.5",
    "tslib": "1.10.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1102.13",
    "@angular/cli": "~11.2.14",
    "@angular/compiler-cli": "~11.2.14",
    "@angular/language-service": "^12.1.2",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "^2.0.10",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.1.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "^3.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "typescript": "~4.1.5"
  }

• npm i

What is expected?

Should install all the dependencies

What is actually happening?

npm i failed to install dependencies with this error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: @angular/animations@11.2.14
npm ERR! node_modules/@angular/animations
npm ERR!   @angular/animations@"~11.2.14" from the root project
npm ERR!   peerOptional @angular/animations@"11.2.14" from @angular/platform-browser@11.2.14
npm ERR!   node_modules/@angular/platform-browser
npm ERR!     @angular/platform-browser@"~11.2.14" from the root project
npm ERR!     peer @angular/platform-browser@"11.2.14" from @angular/forms@11.2.14
npm ERR!     node_modules/@angular/forms
npm ERR!       @angular/forms@"~11.2.14" from the root project
npm ERR!       3 more (devextreme-angular, jw-bootstrap-switch-ng2, ngx-chips)
npm ERR!     4 more (@angular/platform-browser-dynamic, @angular/router, ...)
npm ERR!   1 more (ngx-chips)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/animations@"^8.0.0" from ng2-material-dropdown@0.11.0
npm ERR! node_modules/ngx-chips/node_modules/ng2-material-dropdown
npm ERR!   ng2-material-dropdown@">=0.11.0" from ngx-chips@2.2.2
npm ERR!   node_modules/ngx-chips
npm ERR!     ngx-chips@"2.2.2" from the root project

---

Solution

Additional comments

If I try to npm i with the default dependencies I'm getting this

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: black-dashboard-pro-angular@1.2.0
npm ERR! Found: zone.js@0.10.2
npm ERR! node_modules/zone.js
npm ERR!   zone.js@"0.10.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@"~0.10.3" from @angular/core@11.0.5
npm ERR! node_modules/@angular/core
npm ERR!   @angular/core@"11.0.5" from the root project
npm ERR!   peer @angular/core@"11.0.5" from @angular/animations@11.0.5
npm ERR!   node_modules/@angular/animations
npm ERR!     @angular/animations@"11.0.5" from the root project

[rarestoma]

Hi @zer09,

Thank you for working with our products.

We recommend waiting for the official update release of the Angular version in this product. We are working on the Angular 12 version and we will release it these weeks.

Also, did you try installing ngx-chips without updating the Angular version?

Best regards,
Rares

[zer09]

Good day, thank you for the response.

Also, did you try installing ngx-chips without updating the Angular version?

Yes I did, but same issue about the broken dependency

We recommend waiting for the official update release of the Angular version in this product. We are working on the Angular 12 version and we will release it these weeks.

That's great, hoping it will be out soon. Any estimated release date?

[rarestoma]

Hi @zer09,

We don't have yet a release date but I hope we will do the next update in about 2 months.

Best regards,
Rares

[kuldiprindani]

Any update on angular v12 update?

[rarestoma]

Hi @kuldiprindani,

Not yet, we will keep you updated as soon as we decide when we will do the next update.

Best regards,
Rares