일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- RN navitate push
- React Native SafeArea Custom
- gsap 기초
- reactnative 웹뷰 페이지 로딩
- 리액트
- react
- 임고미
- React-Native IOS
- React-Native 공부
- 웹뷰 페이지 로딩
- 트윈맥스 기초
- styled component
- js 특정 위치로 이동
- input 숫자입력
- SafeArea 커스텀
- safari wiondow.open
- react native safeArea
- react이론
- styled component 작동 안될때
- 프론트앤드
- 타입스크립트
- gsap
- styled component is not working
- scrollIntoView scrollTo
- React Native navigation
- JS
- styled component 작동안함
- slick slider 간격
- rn webview page loading
- 퍼블리셔
Archives
- Today
- Total
개발공부 임고미
[Antd] 스타일이 안들어오는 경우 & craco로 스타일 적용 본문
728x90
300x250
1. 앤트디 적용했는데 스타일이 안들어오는 문제를 확인했다..
import 'antd/dist/antd.css';
했더니 스타일이 적용되긴 되었다.
2. 커스텀하려고 craco 로 세팅
다운 받아야하는 라이브러리 2가지는
"@craco/craco": "^5.5.0", "craco-antd": "^1.19.0", |
버전을 함께 올려놓은 이유는, craco-antd를 사용하기 위해선 caraco를 로드해야하는데
craco 버전 이슈가 있어서 5.5.0으로 세팅하였다.
package.json의 스크립트 부분을 수정해 줘야합니다.
"scripts": {
"start": "craco start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
+
craco antd를 설치하는 과정에서 npm install이 안되는 문제를 발견했다..
해결 : --save --legacy-peer-deps 을 붙여서 로드할것
728x90
300x250
'리액트 > 앤트디(Antd)' 카테고리의 다른 글
[React] Antd menu 활용 (0) | 2020.12.09 |
---|
Comments