React Native redux-persist出现Element type is invalid导入报错

运行时抛出的错误原文：
Error: 元素类型无效：预期为字符串（用于内置组件）或类/函数（用于复合组件），但实际获取到undefined。该问题通常是由于未从组件定义文件导出对应组件，或是混淆了默认导入与命名导入的使用方式。检查App组件的render方法可见错误触发链路：Provider（位于App.js第12行）→ App组件（由ExpoRoot创建）

• 逐一核对所有组件的导入导出匹配关系
  • 检查App.js中导入的Main、Loading组件的导出形式：如果目标组件文件使用命名导出（export const Loading = () => {}），当前代码中的默认导入写法import Loading from './components/LoadingComponent'会直接拿到undefined，作为组件渲染时触发类型错误。
  • 核对第三方组件的导入形式：react-redux的Provider、redux-persist的PersistGate均为命名导出，错用默认导入会直接取到undefined。
• 排查redux-persist相关的导入路径有效性
  • 替换storage模块的错误导入路径：当前代码中import storage from 'redux-persist/es/storage'为旧版本的ES模块路径，在新版打包工具的模块解析规则下，该路径经常返回undefined，替换为import storage from 'redux-persist/lib/storage'即可解决路径错位问题。
  • 校验所有reducer的导入值：在ConfigureStore函数开头打印每个引入的reducer（campsites、comments、partners、promotions、favorites），如果存在任何一个reducer为undefined，persistCombineReducers生成的根reducer会异常，连带Provider接收的store无效，触发组件类型错误。
• 检查组件树传参的合法性
  • 确认ConfigureStore返回的persistor、store均为合法对象：如果persistor为undefined，PersistGate组件接收到无效props时会直接抛出元素类型错误。
  • 不要在模块加载的顶层阶段直接解构执行ConfigureStore()：如果初始化流程存在异常，顶层执行时的报错不会被捕获，会直接传递到渲染层触发类组件类型错误。
• 快速定位技巧
  • 把App组件的render内容临时替换成最简单的原生组件，如果不再报错，再逐一把Provider、PersistGate、Main组件加回来，哪一步加完触发报错，就定位到对应组件的导入问题。
  • 检查项目的babel配置是否开启了ES模块的正确解析，避免自动导入插件错误地把命名导入转成默认导入，导致导出取值为undefined。

内容的提问来源于stack exchange，提问作者Paxana Non Grata