title: React Native: Unable to resolve module. None of these file exist:
body: <p>I am a beginner in React Native so I apologize if this is a noob question. I am trying to learn using <a href="https://reactnavigation.org/docs/drawer-based-navigation/" rel="nofollow noreferrer">this react navigation article</a> and <a href="https://aboutreact.com/react-native-login-and-signup/#Project-DirectoryFile-Structure" rel="nofollow noreferrer">this about react login example</a>. The first article places all the code in <code>App.js</code> while the second one has code in separate pages but is slightly outdated. So my plan was to integrate both examples, using the first article's code but in separate pages instead of putting everything in <code>App.js</code>.</p>
  <p><a href="https://i.stack.imgur.com/HMT5d.png" rel="nofollow noreferrer">My project structure</a></p>
  <p>The error I got:</p>
  <pre><code>None of these files exist:
    * Screen\drawerScreens\settingsScreen(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
    * Screen\drawerScreens\settingsScreen\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
     6 |
     7 | import HomeScreen from './Screen/drawerScreens/HomeScreen';
  &gt;  8 | import SettingsScreen from './Screen/drawerScreens/settingsScreen';
       |                             ^
  </code></pre>
  <p>Some help and tips would be greatly appreciated. Please let me know if more information is required. Thanks in advance.</p>