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

【问题标题】：Why is react-bootstrap components not working为什么 react-bootstrap 组件不起作用
【发布时间】：2022-11-13 04:34:03
【问题描述】：

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

应用程序.js

import './bootstrap.min.css';

import Button from 'react-bootstrap/Button';



 function App() {

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

export default App;

浏览器错误

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

【问题讨论】：

你在哪里渲染的？

标签： reactjs react-hooks react-bootstrap

【解决方案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;

输出：

【讨论】：

【解决方案2】：

确保您在项目文件夹中而不是在项目文件夹外安装引导程序库
cd（你的项目名称）
并安装它
快乐编码

【讨论】：