React Native：无法解析模块。 None 这些文件存在：

Question

我是 React Native 的初学者，所以如果这是一个菜鸟问题，我深表歉意。我正在尝试学习使用 this react navigation article and this about react login example。第一篇文章将所有代码放在 App.js 中，而第二篇文章的代码在单独的页面中，但有点过时了。所以我的计划是整合这两个示例，使用第一篇文章的代码，但在不同的页面中，而不是将所有内容都放在 App.js.

中

My project structure

我得到的错误：

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';
     |                             ^

一些帮助和提示将不胜感激。如果需要更多信息，请告诉我。提前致谢。

Answer 1

您是否尝试添加文件扩展名？

例如。 './Screen/drawerScreens/settingsScreen.js'

Answer 2

从您的项目结构中，我可以在 SettingsScreen 中看到 S 是大写字母，但您导入的是 settingsScreen 而不是 SettingsScreen

所以尝试导入为

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

Answer 3

就我而言，这是因为我从 Finder (mac) 复制并删除了文件。它在该文件夹名称的末尾添加了一个额外的 space。擦除 space 有效。

Answer 4

检查它是作为默认导出还是导出常量，如果是第二个，则使用 import { SettingsScreen } 而不是 import SettingsScreen

React Native：无法解析模块。 None 这些文件存在：

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

javascript

android

react-native

react-navigation-drawer