React Native报错Element type is invalid，LoadScreen无代码异常如何解决？

问题根因 #

你遇到的报错核心原因是 Navigator 组件已从高版本React Native核心库中移除：
React Native 在0.44版本后就将原内置Navigator从官方核心包中移除，你代码中直接从react-native导入Navigator得到的是undefined，渲染时就会触发「预期组件是字符串/类/函数但得到undefined」的报错。

解决步骤 #

1. 安装社区维护的遗留Navigator组件包：

npm install react-native-deprecated-custom-components --save
# 如果你用yarn：
yarn add react-native-deprecated-custom-components

2. 修改LoadScreen.js的导入语句：
   原导入语句修改为：

import {View, StatusBar, LogBox} from 'react-native';
import Navigator from 'react-native-deprecated-custom-components/Navigator';

3. 重启Metro服务并重新运行项目即可。

额外排查建议 #

如果修改后仍然报错，可按以下顺序排查：

• 检查Home、ChatView组件是否为默认导出，导入路径是否和实际文件路径完全匹配，注意React Native对文件名大小写敏感，例如文件名为chatView.js的情况下写import ChatView from '../components/WAcomp/ChatView'也会导致组件为undefined。
• 可在LoadScreen的render方法前打印所有导入的组件，确认哪个值为undefined即可快速定位问题：

console.log('组件检查：', Navigator, Home, ChatView, CallScreen)

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