javascript - 组件异常元素类型无效

Question

所以我有一个错误，我不知道它来自哪里：

我试图找到HeaderSegment在哪里，但它在我的项目中不存在，我没有 -

import HeaderSegment from './example.js'

我在谷歌中进行了通常的搜索，但这些答案中的问题是我没有任何导入模块，即HeaderSegment。我正在使用 React native、Admob 和 Firebase，我真的不知道错误在哪里，所以这里是Repo。我尝试删除node_modules然后 npm install 但不好，这里是堆栈：

（当然这不起作用）我知道很难回答这个问题，因为涉及到两个文件，它们是 header.js 和 homeStack.js。任何帮助都会让我开心，谢谢。

标签： javascriptreactjsreact-native

Answer 1

问题

似乎您混淆了Header组件的默认导入和命名导入。

Header默认导出自header.js：

export default Header;

但作为命名导入导入homeStack.js：

import { Header } from '../shared/header';

解决方案

修复Header导出以匹配它的导入方式（名为导出/导入）：

export Header;

或修复Header导入以匹配其导出方式（默认导出/导入）：

import Header from '../shared/header';