title: Error: Unable to resolve module `react` from `index.js`: react could not be found within the project
body: <h2>Error: Unable to resolve module <code>react</code> from <code>index.js</code>: react could not be found within the project.</h2>
  
  <p>When i tried to run my project then it will give me this bundling failed error.</p>
  
  <p><a href="https://i.stack.imgur.com/c04K9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/c04K9.png" alt="enter image description here"></a></p>
  
  <p>Here is my index.js file code.</p>
  
  <pre><code>/**
   * @format
   */
  import React,{Component} from 'react';
  import {AppRegistry} from 'react-native';
  import {name as appName} from './app.json';
  import src from './Screens/Search'
  import AppContainer from "./Component/MainNavigation";
  class myApp extends Component {
      render(){
          return(
              &lt;AppContainer /&gt;
          )
      }
  
  }
  AppRegistry.registerComponent(appName, () =&gt; myApp);
  </code></pre>
  
  <p>package.json file.</p>
  
  <pre><code>{
    "name": "CharityDating",
    "version": "0.0.1",
    "private": true,
    "scripts": {
      "android": "react-native run-android",
      "ios": "react-native run-ios",
      "start": "react-native start",
      "test": "jest",
      "lint": "eslint ."
    },
    "dependencies": {
      "@ptomasroos/react-native-multi-slider": "^1.0.0",
      "@react-native-community/masked-view": "^0.1.6",
      "react": "16.9.0",
      "react-native": "^0.61.5",
      "react-native-animatable": "^1.3.3",
      "react-native-country-picker-modal": "^1.10.0",
      "react-native-datepicker": "^1.7.2",
      "react-native-draggable": "^3.0.0",
      "react-native-draggable-grid": "^1.2.1",
      "react-native-gesture-handler": "^1.5.3",
      "react-native-image-picker": "^2.0.0",
      "react-native-image-slider": "^2.0.3",
      "react-native-keyboard-aware-scrollview": "^2.1.0",
      "react-native-pulse": "^1.0.7",
      "react-native-reanimated": "^1.7.0",
      "react-native-responsive-fontsize": "^0.4.2",
      "react-native-responsive-screen": "^1.3.1",
      "react-native-safe-area-context": "^0.6.2",
      "react-native-safe-area-view": "^1.0.0",
      "react-native-slider": "^0.11.0",
      "react-native-sortable-grid": "^2.0.0",
      "react-native-switch-toggle": "^1.1.4",
      "react-navigation": "^4.0.10",
      "react-navigation-stack": "^2.0.13",
      "react-navigation-tabs": "^2.7.0",
      "react-toggle": "^4.1.1",
      "responsive-image": "^0.3.1",
      "toggle-switch-react-native": "^2.1.0"
    },
    "devDependencies": {
      "@babel/core": "^7.6.2",
      "@babel/runtime": "^7.6.2",
      "@react-native-community/eslint-config": "^0.0.5",
      "babel-jest": "^24.9.0",
      "eslint": "^6.5.1",
      "jest": "^24.9.0",
      "metro-react-native-babel-preset": "^0.56.0",
      "react-test-renderer": "16.9.0"
    },
    "jest": {
      "preset": "react-native"
    }
  }
  </code></pre>