React 설치후 bootstrap을 설치했는데 Failed to compile.이 뜨면서 실행이 안됩니다.

react를 처음 세팅하면서 bootstrap을 같이 사용 하려고 설치를 해보았습니다.
설치 후 npm start로 실행하면 다음과 같이 애러가 나는데

이상한건 react 설치후 실행하지 않은 상태에서 bootstrap을 설치하면 문제없이 실행이 됩니다.

문제가 생기는 경우

npx create-react-app my-app
cd my-app
npm start
ctrl+c
npm install --save bootstrap
npm start
27

문제가 없는 경우

npx create-react-app my-app
cd my-app
npm install --save bootstrap
npm start

자문 자답입니다.

다음의 명령어로 create-react-app을 설치하면 위의 문제가 해결됩니다.

npm install -g create-react-app

1개의 좋아요

React에서 bootstrap을 쓰시려는 이유가 있나요?

이제는 잘쓰지 않는 올드한 라이브러리 입니다.

추천해주실 라이브러리가 있나요?

리액트를 하고 계시다면 리액트 컴포넌트 형태로 제공하는 라이브러리가 사용하디 변하실겁니다. ant design 도 한번 살펴보세요.

https://ant.design

1개의 좋아요

감사합니다~

컴포넌트 UI 검색해보니 https://react-bootstrap.github.io/ 이런식으로도 부트스트랩 쓰는데 요즘엔 부트스트랩 자체를 아예 안쓰나요?

깃에 들어가보니 최근까지도 업데이트는 되고 있는것 같네욥 별도 15000개 정도 받은것 같고

ant design은 별이 46000개 정도 되네요.

https://designrevision.com/react-component-libraries/ 여기에 ant design도 있고 이것저것 있네요

ant design 좀 써봤는데 확실히 편하긴 하네요

감사합니다~~