React Native createNativeStackNavigator导航报错求助（Expo项目）

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

1. 组件导入方式不匹配 #

• App.js中使用命名导入引入PaperWrapper：

  import { PaperWrapper } from './src/PaperWrapper';
  

• 但PaperWrapper.js中是默认导出组件：

  export default PaperWrapper;
  

• 修复：将导入方式改为默认导入

  import PaperWrapper from './src/PaperWrapper';
  

2. PaperProvider 依赖包导入错误 #

• App.js中错误地从react-native-safe-area-context导入PaperProvider，该组件实际属于react-native-paper库：

  import {Provider as PaperProvider, MD3LightTheme as DefaultTheme} from 'react-native-safe-area-context'
  

• 修复：修正导入来源

  import { Provider as PaperProvider, MD3LightTheme as DefaultTheme } from 'react-native-paper';
  

3. 其他潜在问题（需补充检查） #

• PaperWrapper.js中使用了styles.container但未定义样式对象，需补充样式定义：

  import { View, Text, StyleSheet } from 'react-native'
  // ...
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      // 根据需求添加其他样式属性
    }
  })
  

• PaperWrapper.js中使用的SignUp组件未导入，需添加对应导入语句：

  import SignUp from './path/to/SignUp'; // 替换为SignUp组件的实际路径
  

内容的提问来源于stack exchange，提问作者Atharva Deshpande