Why is react-bootstrap components not working

user_9939873 0
Viewed 65

I have tried react-bootstrap components but it is not working. I have installed it perfectly but I do not know where is the problem.

App.js

import './bootstrap.min.css';

import Button from 'react-bootstrap/Button';



 function App() {

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

export default App;

Error On the Browser

enter image description here

I tried many solutions but none is working.

react-bootstrap react-hooks reactjs
1 Answers

It's working. Maybe you are importing the file import './bootstrap.min.css'; wrong. Can you confirm?

I tried with this code:

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;

Output:

enter image description here

user_171569810
Related