React-apollo: "Unable to resolve module `../node_modules/react-native/node_modules/react-apollo/react-apollo.browser.umd.js` from `/Users/a/hero/hero/src/HomeScreen.js`: could not resolve `/Users/a/hero/hero/node_modules/react-native/node_modules/react-apollo/react-apollo.browser.umd.js' as a file nor as a folder"

[booboothefool]

Just trying to do:

import { ApolloProvider } from 'react-apollo';

  "dependencies": {
    "apollo-client": "^1.9.2",
    "graphql-tag": "^2.4.2",
    "react": "16.0.0-alpha.12",
    "react-apollo": "^1.4.15",
    "react-native": "0.48.2",
    "react-native-extended-stylesheet": "^0.6.0",
    "react-navigation": "^1.0.0-beta.11",
    "react-redux": "^5.0.6",
    "redux": "^3.7.2",
    "redux-devtools-extension": "^2.13.2"
  },
  "devDependencies": {
    "babel-eslint": "^7.2.3",
    "babel-jest": "21.0.2",
    "babel-plugin-module-resolver": "^2.7.1",
    "babel-preset-react-native": "3.0.2",
    "eslint": "^4.6.1",
    "eslint-config-airbnb": "^15.1.0",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-jest": "^21.0.2",
    "eslint-plugin-jsx-a11y": "^5.1.1",
    "eslint-plugin-react": "^7.3.0",
    "flow-bin": "^0.49.1",
    "jest": "21.0.2",
    "react-test-renderer": "16.0.0-alpha.12"
  },

[booboothefool]

This works:

import { ApolloProvider } from '../node_modules/react-apollo';

but I'm not entirely sure why I need to do that?

I also noticed:

import { ApolloProvider } from 'react-apollo';

works on iPhone 6, but not iPhone 7. Shouldn't make a difference, so I'm confused.

[booboothefool]

I had to install react-dom, and then made sure react, react-dom, and react-test-renderer versions all matched.

[larryranches]

@booboothefool How were you able to get this to work and is it still working? I installed react-dom, react and react-test-renderer all at version 16.0.0 and am still receiving this error. Any help would be appreciated.

[kgirma]

Same issue here, nothing helped. @larryranches were you able to fix this issue?

[reggie3]

I ran into a similar issue, and it went away after installing apollo-boost.

[anaibol]

+1

[laukaichung]

@booboothefool @larryranches @sillygoose4u
Anyone able to fix the problem?
It seems weird the react native ios is looking for ../../../../node_modules/react-native/node_modules/react-apollo/react-apollo.browser.umd.js instead of ../../../../node_modules/react-apollo/react-apollo.browser.umd.js

[Monte9]

I ran into this too.. and my teammate figure out that you just need to reset the react native packager cache
react-native start --reset-cache

[poberwong]

just install graphql into your dependencies;
https://github.com/apollographql/react-apollo/issues/1274