在安装了 react-bootstrap 的情况下运行 create-react-app 应用程序时,我在尝试添加按钮时遇到以下错误
我的导入是这样的:
import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
import PropTypes from "prop-types";
import { Button } from "bootstrap";
import { PureComponent } from "react";
和渲染代码:
render() {
return (
<div className="App">
<header />
<Button>Test</Button>
...
我研究了很多其他关于 Babel、Webpack 和编译器配置的问题。但是我没有在我的 create-react-app 中看到所有这些配置。
所以,我发现了问题。 1小时后丢失。 错误出在我添加的建议导入上。
错误:
import { Button } from "bootstrap";
右:
import { Button } from "react-bootstrap";
就我而言,错误是由于我导出课程的方式造成的。
在我的课程文件的末尾,我添加了
export default ClassName()
而不是没有括号的export default ClassName
。