Here is my root package.json
<code>"dependencies": {
"@angular/animations": "^15.2.0",
"@angular/cdk": "^15.2.9",
"@angular/common": "^15.2.0",
"@angular/compiler": "^15.2.0",
"@angular/core": "^15.2.0",
"@angular/forms": "^15.2.0",
"@angular/material": "^15.2.9",
"@angular/platform-browser": "^15.2.0",
"@angular/platform-browser-dynamic": "^15.2.0",
"@angular/router": "^15.2.0",
"@ng-select/ng-select": "^10.0.4",
"@ng-bootstrap/ng-bootstrap": "^14.0.0",
"@popperjs/core": "^2.11.6",
"bootstrap": "^5.2.3",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.8.2",
"pdfkit": "^0.14.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
}
</code>
<code>"dependencies": {
"@angular/animations": "^15.2.0",
"@angular/cdk": "^15.2.9",
"@angular/common": "^15.2.0",
"@angular/compiler": "^15.2.0",
"@angular/core": "^15.2.0",
"@angular/forms": "^15.2.0",
"@angular/material": "^15.2.9",
"@angular/platform-browser": "^15.2.0",
"@angular/platform-browser-dynamic": "^15.2.0",
"@angular/router": "^15.2.0",
"@ng-select/ng-select": "^10.0.4",
"@ng-bootstrap/ng-bootstrap": "^14.0.0",
"@popperjs/core": "^2.11.6",
"bootstrap": "^5.2.3",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.8.2",
"pdfkit": "^0.14.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
}
</code>
"dependencies": {
"@angular/animations": "^15.2.0",
"@angular/cdk": "^15.2.9",
"@angular/common": "^15.2.0",
"@angular/compiler": "^15.2.0",
"@angular/core": "^15.2.0",
"@angular/forms": "^15.2.0",
"@angular/material": "^15.2.9",
"@angular/platform-browser": "^15.2.0",
"@angular/platform-browser-dynamic": "^15.2.0",
"@angular/router": "^15.2.0",
"@ng-select/ng-select": "^10.0.4",
"@ng-bootstrap/ng-bootstrap": "^14.0.0",
"@popperjs/core": "^2.11.6",
"bootstrap": "^5.2.3",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.8.2",
"pdfkit": "^0.14.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
}
Here is the peerDependencies of package.json of @ng-bootstrap/ng-bootstrap.
<code>"peerDependencies": {
"@angular/common": "^15.0.0",
"@angular/core": "^15.0.0",
"@angular/forms": "^15.0.0",
"@angular/localize": "^15.0.0",
"@popperjs/core": "^2.11.6",
"rxjs": "^6.5.3 || ^7.4.0"
}
</code>
<code>"peerDependencies": {
"@angular/common": "^15.0.0",
"@angular/core": "^15.0.0",
"@angular/forms": "^15.0.0",
"@angular/localize": "^15.0.0",
"@popperjs/core": "^2.11.6",
"rxjs": "^6.5.3 || ^7.4.0"
}
</code>
"peerDependencies": {
"@angular/common": "^15.0.0",
"@angular/core": "^15.0.0",
"@angular/forms": "^15.0.0",
"@angular/localize": "^15.0.0",
"@popperjs/core": "^2.11.6",
"rxjs": "^6.5.3 || ^7.4.0"
}
Here is the error message.
<code>Could not resolve dependency:
npm ERR! @ng-bootstrap/ng-bootstrap@"^14.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! peer @angular/core@"15.2.10" from @angular/[email protected]
npm ERR! node_modules/@angular/forms
npm ERR! @angular/forms@"^15.2.0" from the root project
npm ERR! peer @angular/forms@"^15.0.0" from @ng-bootstrap/[email protected]
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^14.0.0" from the root project
</code>
<code>Could not resolve dependency:
npm ERR! @ng-bootstrap/ng-bootstrap@"^14.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! peer @angular/core@"15.2.10" from @angular/[email protected]
npm ERR! node_modules/@angular/forms
npm ERR! @angular/forms@"^15.2.0" from the root project
npm ERR! peer @angular/forms@"^15.0.0" from @ng-bootstrap/[email protected]
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^14.0.0" from the root project
</code>
Could not resolve dependency:
npm ERR! @ng-bootstrap/ng-bootstrap@"^14.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! peer @angular/core@"15.2.10" from @angular/[email protected]
npm ERR! node_modules/@angular/forms
npm ERR! @angular/forms@"^15.2.0" from the root project
npm ERR! peer @angular/forms@"^15.0.0" from @ng-bootstrap/[email protected]
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^14.0.0" from the root project
My understanding is ng-bootstrap 14.x.x requires @angular/* versions ^15.0.0. And I have @angular/* versions ^15.2.x. And which seems to be compatible. Can anyone help why is this an issue ?