Javascript reactjs中的组件导出错误

我正在尝试使用以下react库为我的应用程序创建一个富url预览组件

在上面的文档中有一个正在运行的演示，所以关于这个库没有问题。但是当我尝试使用这个库时，我得到了以下错误

未捕获（承诺中）错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义组件的文件中导出组件。

我的代码

import MicrolinkCard from 'react-microlink'

class Star extends Component {
  render() {
    <MicrolinkCard url='https://www.theverge.com/tldr/2018/2/7/16984284/tesla-space-falcon-heavy-launch-elon-musk'/>
  }
}

从“react microlink”导入microlink卡
类星形扩展组件{
render（）{
}
}

---

我尝试将

import MicrolinkCard从'react microlink'

更改为

import{MicrolinkCard}从'react microlink'

更改为

import{MicrolinkCard}，但仍然出现相同的错误。
您需要在渲染中返回它：

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://blah.potato'/>

   }

}

class星型扩展组件{
render（）{
返回
}
}
您需要在渲染中返回它：

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://blah.potato'/>

   }

}

class星型扩展组件{
render（）{
返回
}
}

请检查一下进口的东西

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://google.com'/>

   }

}

class星型扩展组件{
render（）{
返回
}
}

请检查一下进口的东西

 class Star extends Component {

   render() {

      return <MicrolinkCard url='https://google.com'/>

   }

}

class星型扩展组件{
render（）{
返回
}
}
此外，您知道导入语法是正确的，因为它有文档。因此，请确保NPM正确安装并确定问题所在，即，是在哪里呈现MicrolinkCard组件，还是在哪里呈现Star组件。此外，您知道导入语法是正确的，因为它有文档。因此，确保NPM正确安装并确定问题所在，即，是在哪里呈现MicrolinkCard组件，还是在哪里呈现Star组件您是否尝试从“react microlink”导入*作为MicrolinkCard？您是否尝试从“react microlink”以microlink卡的形式导入*？