【发布时间】:2021-05-10 12:58:43
【问题描述】:
使用 React 和 Bootstrap 创建对话框(删除了所有不必要的内容,但错误仍然存在):
import React, {
Component,
} from 'react';
import {
Modal,
} from 'react-bootstrap';
class MyDialog_MultiSelect extends Component<any, any> {
constructor(
props: any
) {
super(props);
}
render() {
return (
<Modal
animation = {false}
aria-labelledby = "contained-modal-title-vcenter"
backdrop = "static"
centered
dialogClassName = "ms-modal"
keyboard = {true}
show = {true}
size = "lg"
>
<Modal.Header
closeButton
>
</Modal.Header>
<Modal.Body>
</Modal.Body>
</Modal>
);
}
}
export default MyDialog_MultiSelect;
在浏览器控制台(Chrome)中打开对话框时,会显示错误:
index.js:63 Uncaught TypeError: Cannot read property 'nodeName' of null
at _e (index.js:63)
at MutationObserver.<anonymous> (index.js:63)
对话框有效,但这个错误很烦人。
这是什么错误,如何解决?
【问题讨论】:
-
也许你需要检查你的引导 css/js versions.
-
@Ajeet Shah,bootstrap.js v4.5.2,bootsrtap.css v4.5.2,bootstrap-css-only v4.4.1
标签: reactjs typescript react-native bootstrap-4 bootstrap-modal