TypeError: react_bootstrap__webpack_importted_module_2__.媒体未

Question

我最近一直在用react-bootstrap创建一个博客，虽然我的代码几乎每个部分都运行得很好，但我不能准确地指出为什么我得到了一个错误;我把范围缩小到这段代码内。当编译器无法读取'Media.Body'中未定义类型的属性时，会抛出类型错误。我如何解决这个问题或使类型内的Media.Body组件可返回?任何帮助将不胜感激;谢谢!

import {  Row, Col, Image, Card, Media } from "react-bootstrap";
<Media className="mb-4 admin-intro">
<Image
roundedCircle
width={64}
height={64}
className="mr-3"
src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460__340.png"
alt="Generic placeholder"
/>
<Media.Body>
<h5 className="font-weight-bold mb-0">Hello Friends,</h5>
<p className="welcome-text">
My name is <irl name reveal> and I am a freelance developer. This is my blog page.
</p>
</Media.Body>
</Media>

Answer 1

看起来react-bootstrap没有Media组件。我搜索了react-bootstrap组件，但没有找到它。所以，也许你想用模态组件代替?