React Native: Unable to resolve module. None of these file exist:

Issue

I am a beginner in React Native so I apologize if this is a noob question. I am trying to learn using this react navigation article and this about react login example. The first article places all the code in App.js 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 App.js.

My project structure

The error I got:

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';
>  8 | import SettingsScreen from './Screen/drawerScreens/settingsScreen';
     |                             ^

Some help and tips would be greatly appreciated. Please let me know if more information is required. Thanks in advance.

Solution

From your project structure, I could see S is caps in SettingsScreen but you have imported as settingsScreen instead of SettingsScreen

so try importing as

import SettingsScreen from './Screen/drawerScreens/SettingsScreen';

Answered By - Vignesh Sundaramoorthy