adrianhajdin / project_3D_developer_portfolio

The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!
https://jsmastery.pro
6.1k stars 1.37k forks source link

Error with react-tilt #62

Open Bhakti087 opened 1 year ago

Bhakti087 commented 1 year ago

image image

ftp5500 commented 1 year ago

You directly typed npm install and this is the mistake, you should use --legacy-peer-deps to fix this error just type this command line npm install --legacy-peer-deps react-tilt

or for all packages type this npm install --legacy-peer-deps @react-three/fiber @react-three/drei maath react-tilt react-vertical-timeline-component @emailjs/browser framer-motion react-router-dom

KartikDotDev commented 1 year ago

You directly typed npm install and this is the mistake, you should use --legacy-peer-deps to fix this error just type this command line npm install --legacy-peer-deps react-tilt

or for all packages type this npm install --legacy-peer-deps @react-three/fiber @react-three/drei maath react-tilt react-vertical-timeline-component @emailjs/browser framer-motion react-router-dom

Works Great! After downloading the code, I just did:

npm i --legacy-peer-deps

and it worked like a charm.

I had earlier tired to replace the package.json with a new one that I created after following the video to update the versions of the packages used but it didn't work (I did earlier try to use npm update but didn't work, then I removed the package-lock.json along with the old package.json. Then upon running the code using npm run dev, the page only showed a blank white page ( something I'd like to know why, most definitely the new packages version but what exactly in those too )

Thank You for the fix, Man.