Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(