search

SimCoderYoutube / InstagramClone

Instagram Clone React Native Tutorial 2021 👨‍💻 I'll show you how you can do this in the simplest way and terms possible. By the end of this series you'll have learned how the big companies do it and will be able to do the same, you not only will be able to do this app, but you'll be able to put what you learn into your very own projects! In this series, we use React Native with Expo to quickly deploy the project. We use firebase for all our microservice needs like the auth system, database, storage, amongst others. firebase, redux, react native, javascript, expo. In this series, we'll use all of them and you'll learn them by doing an iconic app. Welcome to this Simcoder project and make an Instagram Clone!
Apache License 2.0
745 stars 294 forks source link

Setup-your-project - need exact versions to install to avoid errors #42

Open asloan7 opened 2 years ago

asloan7 commented 2 years ago

https://github.com/SimCoderYoutube/InstagramClone/wiki/Setup-your-project

Need to install the exact version of node, npm, and expo that were used to create the project.

Example: saying "npm i -g expo-cli" will never work, there are too many things changing all the time - need to install the version of expo-cli that were used to create the project.

npm i -g expo-cli npm WARN config global --global, --local are deprecated. Use --location=global instead. npm WARN config global --global, --local are deprecated. Use --location=global instead. npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.

Example: saying "npm install expo"

InstagramClone\frontend> npm install expo npm WARN config global --global, --local are deprecated. Use --location=global instead. npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: undefined@undefined npm ERR! Found: @react-native-community/slider@3.0.3 npm ERR! node_modules/@react-native-community/slider npm ERR! @react-native-community/slider@"3.0.3" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @react-native-community/slider@">=4.0.0" from expo-video-player@2.1.0 npm ERR! node_modules/expo-video-player npm ERR! expo-video-player@"^2.0.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! See C:\Users...\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...\AppData\Local\npm-cache_logs\2022-08-11T16_55_37_927Z-debug-0.log

AbrahamNobleOX commented 1 year ago

Hi, where you able to get this project to work?

asloan7 commented 1 year ago

I know a little bit more now about JS frameworks, and have installed a bunch more stuff for other projects, and now it works.

But "npm install expo" in the frontend folder breaks npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: undefined@undefined npm ERR! Found: @react-native-community/slider@3.0.3 npm ERR! node_modules/@react-native-community/slider npm ERR! @react-native-community/slider@"3.0.3" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @react-native-community/slider@">=4.0.0" from expo-video-player@2.2.0 npm ERR! node_modules/expo-video-player npm ERR! expo-video-player@"^2.0.1" from the root project

Jaykef commented 1 year ago

I think the exact version can be found in the package.json file: "expo": "~42.0.3",