title: unable to resolve getTheme module 'themes/components' - NativeBase
body: <p>I am new and excited about react-native especially when i found out about native-base and how it works with react-native seamlessly. </p>
  
  <p>I ran into an issue when trying implement  <strong><a href="http://docs.nativebase.io/Customize.html#theaming-nb-headref" rel="nofollow noreferrer">Setup to theme NativeBase apps</a></strong>
  i followed every step and guilds from other <strong><a href="https://www.9lessons.info/2017/03/getting-started-with-react-native.html" rel="nofollow noreferrer">tutorials</a></strong> but somehow, its not working for me. I am begining to suspect its a compatibility issue. I would love to get a solution from you guyz.</p>
  
  <p>Below is my <strong>package.json</strong> file</p>
  
  <pre><code> {
      "name": "MyProject",
      "version": "0.0.1",
      "private": true,
      "scripts": {
        "start": "node node_modules/react-native/local-cli/cli.js start",
        "test": "jest"
      },
      "dependencies": {
        "native-base": "^2.4.0",
        "react": "16.4.1",
        "react-native": "0.55.4"
      },
      "devDependencies": {
        "babel-jest": "23.4.0",
        "babel-preset-react-native": "4.0.0",
        "jest": "23.4.0",
        "react-test-renderer": "16.4.1"
      },
      "jest": {
        "preset": "react-native"
      }
    }
  </code></pre>
  
  <p>my <strong>App.js</strong></p>
  
  <pre><code>    import React, {Component} from 'react';
      import {Text, View} from 'react-native';
  
      import {Container, StyleProvider} from 'native-base';
  
      import getTheme  from './src/themes/components';
      import DouxTheme from './src/themes/variables/DouxTheme';
  
      import AppHeader from './src/components/appHeader';
      import AppBody from './src/components/appBody';
      import AppFooter from './src/components/appFooter';
  
  
  
      export default class App extends Component {
        render() {
          return (
      //&lt;StyleProvider style={getTheme(DouxTheme)}&gt;
      &lt;Container&gt;
      &lt;AppHeader/&gt;
      &lt;AppBody/&gt;
      &lt;AppFooter/&gt;
      &lt;/Container&gt;
      //&lt;/StyleProvider&gt;
  
          );
        }
      }
  </code></pre>
  
  <p><strong>Error Message</strong></p>
  
  <pre><code>        undefined Unable to resolve module 
          `./App` from `C:\xampp\htdocs\2018\node\MyProject\index.js`: 
          The module `./App` could not be found from 
          `C:\xampp\htdocs\2018\node\MyProject\index.js`. 
          Indeed, none of these files exist:
  </code></pre>
  
  <p><strong>Project Dir</strong>
  <a href="https://github.com/okechukwu0127/react-native/tree/master/" rel="nofollow noreferrer">https://github.com/okechukwu0127/react-native/tree/master/</a></p>
  
  <p><strong>Theme Directory</strong>
  <a href="https://github.com/okechukwu0127/react-native/tree/master/src/themes/components" rel="nofollow noreferrer">https://github.com/okechukwu0127/react-native/tree/master/src/themes/components</a></p>
  
  <p><strong>Find Below My Project Structure</strong>
  <a href="https://i.stack.imgur.com/3LI3y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3LI3y.png" alt="enter image description here"></a></p>