title: Importing 'react-native-vector-icon' results 'Unable to resolve module '@expo/vector-icons' error
body: <pre><code>error: bundling failed: Error: Unable to resolve module `@expo/vector-icons/Ionicons` from `E:\React Projects\Tourism\src\screens\TouristInformation\TouristInformation.js`: Module `@expo/vector-icons/Ionicons` does not exist in the Haste module map
  
  This might be related to https://github.com/facebook/react-native/issues/4968
  To resolve try the following:
    1. Clear watchman watches: `watchman watch-del-all`.
    2. Delete the `node_modules` folder: `rm -rf node_modules &amp;&amp; npm install`.
    3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
    4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
      at ModuleResolver.resolveDependency (E:\React Projects\Tourism\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:139:15)
      at ResolutionRequest.resolveDependency (E:\React Projects\Tourism\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:49:18)
      at DependencyGraph.resolveDependency (E:\React Projects\Tourism\node_modules\metro\src\node-haste\DependencyGraph.js:218:16)
      at Object.resolve (E:\React Projects\Tourism\node_modules\metro\src\lib\transformHelpers.js:141:30)
      at dependencies.map.result (E:\React Projects\Tourism\node_modules\metro\src\DeltaBundler\traverseDependencies.js:373:31)
      at Array.map (&lt;anonymous&gt;)
      at resolveDependencies (E:\React Projects\Tourism\node_modules\metro\src\DeltaBundler\traverseDependencies.js:369:18)
      at E:\React Projects\Tourism\node_modules\metro\src\DeltaBundler\traverseDependencies.js:188:33
      at Generator.next (&lt;anonymous&gt;)
      at step (E:\React Projects\Tourism\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:30)
   BUNDLE  [android, dev] ..\..\../index.js ▓▓▓▓▓▓▓░░░░░░░░░ 48.8% (311/450), failed.
  
  ::ffff:127.0.0.1 - - [17/Jan/2019:21:01:47 +0000] "GET /index.delta?platform=android&amp;dev=true&amp;minify=false HTTP/1.1" 500 - "-" "okhttp/3.11.0"
  </code></pre>
  
  <p>I ejected the project running 'expo eject'.
  Then I added 'react-native-vector-icon' to use font icons provided by that package. But, whenever I import that library to any of my js file. Though I'm importing 'react-native-vector-icon',it shows the above error. </p>
  
  <p><strong>TouristInformation.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    Image,
    View,
  } from 'react-native';
  import residentBackgroundImage from '../../assets/residentBackground.jpg';
  import Icon from 'react-native-vector-icons/Ionicons';
  export default class TouristInformation extends Component {
    render() {
      return(
        &lt;View&gt;
          &lt;Image
            source = {residentBackgroundImage}
            style = {styles.image} /&gt;
          &lt;Text&gt; Yomuna &lt;/Text&gt;
        &lt;Icon name="ios-person" size={30} color="#4F8EF7" /&gt;
        &lt;/View&gt;
      );
    }
  }
  const styles = StyleSheet.create({
    image:{
  
    },
  });
  </code></pre>