我得到了几乎相同的错误:

Uncaught (in promise)错误:元素类型无效:期望一个字符串(对于内置组件)或类/函数(对于复合组件)，但得到:object。

我试图从我的团队开发的另一个节点库导入一个纯功能组件。为了解决这个问题，我必须将其更改为绝对导入(引用node_modules内部组件的路径)

import FooBarList from team-ui

to

import FooBarList from team-ui/lib/components/foo-bar-list/FooBarList

在我的案例中(使用Webpack)，这是以下两者的区别:

import {MyComponent} from '../components/xyz.js';

vs

import MyComponent from '../components/xyz.js';

第二个工作，而第一个造成错误。或者正好相反。

在我的情况下，我使用默认导出，但不导出函数或React。组件，但只是一个JSX元素，即。

错误:

export default (<div>Hello World!</div>)

工作原理:

export default () => (<div>Hello World!</div>)

我也有这个问题。我的导入看起来很好，我可以复制我的副本的内容，并将其粘贴到它正在使用的地方，这是有效的。但是对组件的引用出了问题。

对我来说，我只需要关闭expo并重新启动它。

对我来说，我的样式组件是在我的功能组件定义之后定义的。它只发生在舞台上，对我来说不是局部的。一旦我把我的样式化组件移到组件定义的上方，错误就消失了。

在我的例子中，我花了很多时间来搜索和检查可能的方法，但只有通过这种方式来修复:在导入自定义组件时删除“{”，“}”:

import OrderDetail from './orderDetail';

我的错误做法是:

import { OrderDetail } from './orderDetail';

因为在OrderDetail .js文件中，我将OrderDetail导出为默认类:

class OrderDetail extends Component {
  render() {
    return (
      <View>
        <Text>Here is an sample of Order Detail view</Text>
      </View>
    );
  }
}

export default OrderDetail;