Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Never able to install current or updated packages for my projects


Everything ive tried to do to implement my package has failed. All i can do is install old packages, and some I cant even get to work.

for example:

import {} from '@types/googlemaps';

Is not able to work with it.

every single time I try to make it in my project i get this:


npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @ng-bootstrap/ng-bootstrap@5.3.1
npm ERR! Found: @angular/common@15.1.1
npm ERR! node_modules/@angular/common
npm ERR! peer @angular/common@"15.1.1" from @angular/forms@15.1.1
npm ERR! node_modules/@angular/forms
npm ERR! peer @angular/forms@"^15.0.0 || ^16.0.0" from @angular/material@15.1.1
npm ERR! node_modules/@angular/material
npm ERR! @angular/material@"^15.1.0" from the root project
npm ERR! @angular/forms@"^15.1.0" from the root project
npm ERR! peer @angular/common@"^15.0.0 || ^16.0.0" from @angular/material@15.1.1
npm ERR! node_modules/@angular/material
npm ERR! @angular/material@"^15.1.0" from the root project
npm ERR! 11 more (@angular/platform-browser, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^8.0.0" from @ng-bootstrap/ng-bootstrap@5.3.1
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^5.3.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/common@8.2.14
npm ERR! node_modules/@angular/common
npm ERR! peer @angular/common@"^8.0.0" from @ng-bootstrap/ng-bootstrap@5.3.1
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^5.3.1" 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!
npm ERR! For a full report see:
npm ERR! /Users/kenflores/.npm/_logs/2023-08-21T16_20_02_154Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/kenflores/.npm/_logs/2023-08-21T16_20_02_154Z-debug-0.log


when I do --legacy-peer-deps

It installs but it doesnt function. shocked


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


Hi Kenneth,

It seems like you're facing compatibility issues with package versions and peer dependencies in your project. This can sometimes happen when different packages require conflicting versions of the same dependency. To address this, you can try the following steps:

Delete the node_modules folder from your project directory.

Delete the yarn.lock or package-lock.json files if they exist in your project directory.

Clear the npm or yarn cache by running the following commands:

For npm:

npm cache clean --force

For Yarn:

yarn cache clean

Run yarn install or npm install to reinstall all the dependencies based on the configuration in your package.json file.

If you were using --legacy-peer-deps and it didn't function properly, you can try running the installation without it.

yarn install
# or
npm install


Thanks



I have updated the theme and now everything works. Thank you!



It doesnt work when I do that, I followed your steps and this is what I get with almost every single package I want to install:



kenflores@Ken-Flores-Air-M2 RadiantDataApi % npm cache clean --force
npm WARN using --force Recommended protections disabled.
kenflores@Ken-Flores-Air-M2 RadiantDataApi % npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @ng-bootstrap/ng-bootstrap@5.3.1
npm ERR! Found: @angular/common@15.2.9
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^15.1.0" from the root project
npm ERR! peer @angular/common@"15.2.9" from @angular/forms@15.2.9
npm ERR! node_modules/@angular/forms
npm ERR! @angular/forms@"^15.1.0" from the root project
npm ERR! peer @angular/forms@"^15.0.0 || ^16.0.0" from @angular/material@15.2.9
npm ERR! node_modules/@angular/material
npm ERR! @angular/material@"^15.1.0" from the root project
npm ERR! 11 more (@angular/material, @angular/platform-browser, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^8.0.0" from @ng-bootstrap/ng-bootstrap@5.3.1
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^5.3.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/common@8.2.14
npm ERR! node_modules/@angular/common
npm ERR! peer @angular/common@"^8.0.0" from @ng-bootstrap/ng-bootstrap@5.3.1
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR! @ng-bootstrap/ng-bootstrap@"^5.3.1" 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!
npm ERR! For a full report see:
npm ERR! /Users/kenflores/.npm/_logs/2023-08-22T13_39_39_948Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/kenflores/.npm/_logs/2023-08-22T13_39_39_948Z-debug-0.log
kenflores@Ken-Flores-Air-M2 RadiantDataApi %



You're welcome! I'm glad to hear that the theme update resolved the issues you were facing. If you have any more questions or need further assistance in the future, feel free to reach out.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(