EvanBacon/Instagram

Can't install dependencies - iOS not working

Opened this issue · 0 comments

whoisryosuke commented

Tried to sample this project today and couldn't get past installing dependencies.

Process

  1. Git clone project
  2. yarn
  3. Receive error:
Ryos-MacBook-Pro:Instagram ryo$ yarn
yarn install v1.22.4
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
error Couldn't find match for "eaf091b59cee9509e91a83bab10eb244a78cb9f3" in "refs/heads/@evanbacon/child-should-invoke-dangerouslyRescheduleEvaluate,refs/heads/@evanbacon/event/update-how-events-are-set,refs/heads/@evanbacon/fix-animated-param,refs/heads/@evanbacon/fix-for-loops-passing-nullish-values,refs/heads/@evanbacon/pass-all-nodes-to-sanitize,refs/heads/@kuba/concat-docs,refs/heads/@kuba/docs-improvements,refs/heads/@kuba/e2e,refs/heads/@kuba/optimize-CI,refs/heads/@osdnk/codegen,refs/heads/@osdnk/direct-fixes,refs/heads/@osdnk/perf-experiment,refs/heads/avoid_callbacks,refs/heads/feedback,refs/heads/gh-pages,refs/heads/interpolate-transition,refs/heads/master,refs/heads/native-event-code-improvements,refs/heads/optimize_nodes,refs/heads/revert-401-update-61,refs/heads/rpn,refs/heads/transitioning-playground,refs/tags/1.0.0,refs/tags/1.0.0-alpha.10,refs/tags/1.0.0-alpha.3,refs/tags/1.0.0-alpha.5,refs/tags/1.0.0-alpha.9,refs/tags/1.0.1,refs/tags/1.1.0,refs/tags/1.2.0,refs/tags/1.3.0,refs/tags/1.3.1,refs/tags/1.3.2,refs/tags/1.4.0" for "git://github.com/EvanBacon/react-native-reanimated.git".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Tried using NPM, got this error:


Ryos-MacBook-Pro:Instagram ryo$ npm i
npm WARN deprecated react-navigation-stack@1.10.3: This version of React Navigation Stack is no longer supported. Please upgrade to 2.x.x. See https://reactnavigation.org/docs/4.x/upgrading-from-3.x#react-navigation-stack for instructions.
npm WARN deprecated deep-assign@3.0.0: Check out `lodash.merge` or `merge-options` instead.
npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated core-js@1.2.7: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart()
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm ERR! code 1
npm ERR! Command failed: git checkout refs/heads/@evanbacon/more-web-support
npm ERR! error: pathspec 'refs/heads/@evanbacon/more-web-support' did not match any file(s) known to git
npm ERR! 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ryo/.npm/_logs/2020-09-08T21_02_10_532Z-debug.log

Solution?

I removed the specific package ref from the package.json and changed it to the current version of the distribution package:

    "react-native-reanimated": "^1.13.0",

This allows dependencies to install and yarn start to run properly. I can then start the web project and browse.

Using the iOS app gives me this error when it finishes loading (QR code -> open Expo -> IG splash screen + loader -> error):

Unable to resolve module `./assets/brand/Instagram@2x.png` from `/Users/ryo/Development/React Native/Instagram/Assets.js`: The module `./assets/brand/Instagram@2x.png` could not be found from `/Users/ryo/Development/React Native/Instagram/Assets.js`. Indeed, none of these files exist:
  * `Instagram@2x.png`
  * `/Users/ryo/Development/React Native/Instagram/assets/brand/Instagram@2x.png/index(.native||.ios.expo.ts|.native.expo.ts|.expo.ts|.ios.expo.tsx|.native.expo.tsx|.expo.tsx|.ios.expo.js|.native.expo.js|.expo.js|.ios.expo.jsx|.native.expo.jsx|.expo.jsx|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.wasm|.native.wasm|.wasm)`

ABI35_0_0facebook::ReactABI35_0_0::JSIExecutor::defaultTimeoutInvoker(std::__1::function<void ()> const&, std::__1::function<std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > ()>)
ABI35_0_0facebook::ReactABI35_0_0::JSIExecutor::defaultTimeoutInvoker(std::__1::function<void ()> const&, std::__1::function<std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > ()>)
CAFEEE86-4C94-3AC9-8853-BFE11F70C0F4
CAFEEE86-4C94-3AC9-8853-BFE11F70C0F4
_dispatch_main_queue_callback_4CF
AF42303F-57B6-3C11-8F18-8E80ABF7D886
AF42303F-57B6-3C11-8F18-8E80ABF7D886
CFRunLoopRunSpecific
GSEventRunModal
UIApplicationMain
Exponent
E5E56A85-E4D6-332E-9F32-FED4B986AFE0

Looking at the project folder, the Instagram PNG is there in the correct place.

Other Random issues

  • Can't close Stories in desktop web. The "X" button in the top right isn't clickable. Requires the user to refresh the page to get out of the story view.