作者:别拿明天会好做借口 | 来源:互联网 | 2023-09-23 12:28
我正在尝试在Bootstrap5中使用react-bootstrap。我想在我的一个页面中使用Accordion。为此,我只是从这个页面复制了结构->https://re
我正在尝试在 Bootstrap 5 中使用 react-bootstrap。我想在我的一个页面中使用 Accordion。为此,我只是从这个页面复制了结构-> https://react-bootstrap.netlify.app/components/accordion/。但是当我打开页面时,浏览器显示此错误-
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `Questions`.
这是我使用这个组件的代码
import Accordion from 'react-bootstrap/Accordion';
const QuestiOns= () => (
Question #1
Answer to the Question #1
Question #2
Answer to the Question #2
);
export default Questions;
其他详情:
- “引导程序”:“^5.0.2”
- “反应”:“^ 17.0.2”
- “反应引导”:“^ 1.6.1”
导入/导出组件时我错过了什么吗?TIA。
回答
我通过用最新的 v2.0.0beta 替换 react-bootstrap v1.6.1 解决了这个问题 -> https://www.npmjs.com/package/react-bootstrap/v/2.0.0-beta.0
npm uninstall react-bootstrap
npm i react-bootstrap@2.0.0-beta.0
我希望这能解决你的问题