rnosov / react-reveal

Easily add reveal on scroll animations to your React app
https://www.react-reveal.com/
MIT License
2.73k stars 180 forks source link

Installing react-reveal #147

Open Collin8432 opened 1 year ago

Collin8432 commented 1 year ago

PS C:\Users\astro\Desktop\invis> npm install react-reveal --save

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: invis@0.1.0 npm ERR! Found: react@18.2.0 npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^15.3.0 || ^16.0.0" from react-reveal@1.2.2 npm ERR! node_modules/react-reveal npm ERR! react-reveal@"*" 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! See C:\Users\astro\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\astro\AppData\Local\npm-cache_logs\2023-01-25T13_44_53_012Z-debug-0.log

this is a new react app I made just to install this, as it wasnt working on my other project, does anyone know why this wont install ?

Alexey-Timakov commented 1 year ago

React 18.2 is still not supported. Only 16. So the possible solution is here: https://github.com/rnosov/react-reveal/issues/135#issuecomment-1229422979

I've been working with react-awesome-reveal and can say it works pretty well. Unfortunately not all features are available, but I think you could try it though.

Collin8432 commented 1 year ago

Ah, thank you, this will definitely work.

hamzapaskingakhtar1999 commented 9 months ago

npm install react-reveal --save --legacy-peer-deps

This will make it work. Easy pissy lemon squeezy

LivingInLimbo commented 9 months ago

I had to remove react-reveal from package.json before running npm install, after that I reinstalled react-reveal using @hamzapaskingakhtar1999's solution.

ChetSocio commented 7 months ago

Hey guys I have upgraded this package and created a new packagethat supports react 18 . So can we move on to that package please? Syntaxes are same andall features are same withnew name and upgraded to latest standards. I will need contributors as I can't give it full time. Please check https://www.npmjs.com/package/easy-reveal