为什么 react-bootstrap 组件不起作用

Question

我已经尝试过 react-bootstrap 组件，但它不起作用。 我已经完美地安装了它，但我不知道问题出在哪里。

应用程序.js

import './bootstrap.min.css';

import Button from 'react-bootstrap/Button';



 function App() {

  return (
    <Button>
  Hello 
    </Button>
    
  );
}

export default App;

浏览器上的错误

我尝试了许多解决方案，但没有一个有效。

Answer 1

它正在工作。 也许您正在导入文件import './bootstrap.min.css'; 错误的。 你确定吗？

我试过这段代码：

import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';

import Button from 'react-bootstrap/Button';

function App() {
  return <Button>Hello</Button>;
}

export default App;

输出：