Not able to install npm packages

I am trying to install different npm packages and I am getting so many dependency errors though I am using the latest 8.1.5v of react and my node and npm versions also being the stable versions.
I tried installing react-awesome-query-builder package and then I tried installing axios-cache-interceptor but I just get the same error again and again.

Note: I tried deleting node modules and package-lock.json and npm cache clean --force command and then reinstalling them but not able to install the packages.

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 (6)

Hi Aagam,

Could you please specify which command did you use for installation?

I have tried to install core package and it was installed without errors.

npm i @react-awesome-query-builder/core --save

You can refer to their Getting Started guide: https://github.com/ukrbublik/react-awesome-query-builder#getting-started

Regards,
Lauris Stepanovs,
Keenthemes Support Team

I tried installing using

npm i react-awesome-query-builder --save

and I am getting dependency error.

Hey Lauris,

I am also trying to install axios-cache-interceptor using the command
npm install axios-cache-interceptor
and I am getting the same dependency error. Can u check for this package also?

Hi Aagam,

Have you tried to run those commands with --force flag?

npm i react-awesome-query-builder --save --force

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Yes Lauris. With --force flag 99% of dependency issues are resolved. But I wanted to check if there is a work around for it instead of using the --force flag to forcefully installing them.

Are u able to install the axios-cache-interceptor package without using --force flag ?

Hi,

It depends on the package you are trying to install. In the case of axios-cache-interceptor, installation throws an error because our axios version is outdated. To fix this error you can update axios version from 0.26.1 to ^1.2.2 and then execute the installation command again.

I guess in the case of react-awesome-query-builder installation error is thrown because this package uses MUI 4 which is not compatible with react 18.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

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  :(