React-Native错误:始终违反:元素类型无效

时间:2020-03-22 03:20:42

标签: react-native class expo element

我是编程世界的初学者,现在我通过观看youtube上的一些教程来练习本机操作。

这是我正在观看的视频:https://www.youtube.com/watch?v=gyiwFcrVRCM&list=WL&index=79&t=0s

这位YouTube创作者甚至把他的 源代码:https://git.io/fjLxo 世博小吃:https://snack.expo.io/@react-ui-kit/p ...

当我从观看开始复制所有内容时,此错误

不变违规:元素类型无效: 期望使用字符串(对于内置组件)或类/函数(对于复合组件),但是得到了:对象。您可能忘记了从定义文件中导出组件,或者您可能混淆了默认导入和命名导入。

检查“应用”的渲染方法。

发生,甚至在创作者的博览会中,我的Mac上也发生同样的问题。

我的版本是:

  • react-native-cli:2.0.1
  • 本机:0.61.5
  • 并且我使用MacOS Catalina版本10.15.3

如果有人能解决这个问题,我将不胜感激。 谢谢您的阅读。

1 个答案:

答案 0 :(得分:0)

当您将命名导出与默认导出混合使用时,会出现此错误

e.g
var user ="abc"
export const user //named export
export default user //default export

例如,如果您要这样导入

import MyDefaultComponent from "./MyDefaultExport"; //import default export module

替换为

import {MyDefaultComponent} from "./MyDefaultExport"; //import named export module

请查看本文以详细了解named-export-vs-default-export-in-es6