【问题标题】:React-Native error : Invariant Violation : Element type is InvalidReact-Native 错误:不变违规:元素类型无效
【发布时间】:2020-07-02 20:34:25
【问题描述】:

我是编程世界的初学者,现在我通过观看 youtube 上的一些教程来练习 react-native。

这是我正在看的那个: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...

当我从一开始就复制所有内容时,这个错误

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

检查'App'的渲染方法。

发生了,即使在创作者的博览会上,我的 Mac 上也会出现同样的问题。

我的版本是:

  • react-native-cli: 2.0.1
  • 反应原生:0.61.5
  • 我使用的是 MacOS Catalina 版本 10.15.3

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

【问题讨论】:

    标签: react-native class expo element


    【解决方案1】:

    当您将命名导出与默认导出混合时会出现此错误,反之亦然

    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

    【讨论】:

      猜你喜欢
      • 2019-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-07-19
      • 2021-01-08
      • 1970-01-01
      • 2023-03-04
      • 1970-01-01
      相关资源
      最近更新 更多