Skip to content

[Bug] unable to install ngx-chips #22

@zer09

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions