[트러블 슈팅] 배포 환경에서 tailwind css가 적용되지 않던 이슈 (Next 14, Vercel 배포)
🚀 개요 Next 14 앱 라우팅 방식 + tailwind CSS 를 사용한 프로젝트에서 개발(로컬) 환경에서는 tailwind css가 문제 없이 잘 적용됐으나, Vercel 배포 환경에서는 tailwind css의 스타일이 부분적으로 적용되지 않았습니다. 처음엔 팀원과 단순 next 14의 문제로 치부해 다운그레이드 시 해결 될 줄 알았으나, 다운그레이드에도 해결되지 않아 디버깅을 통해 찾아냈습니다. 😵 문제 발생 Vercel 배포 환경에서 tailwind CSS가 부분적으로 적용 됐습니다. 'cursor-pointer ' 속성은 적용이 됐으나, `list-none` 속성은 적용이 되지 않았습니다. 😛 해결 방법 app 라우팅 방식을 사용하다 보니 루트 프로젝트에 app, Components 디렉토리..
트러블 슈팅
2023. 11. 16. 22:19
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- JavaScript
- 로딩성능
- no found
- 이미지최적화
- 패스트캠퍼스
- 깃허브
- 깃허브 사용법
- 프론트엔드 성능
- 국비지원취업
- 리뷰
- Github Actions
- 개발자 회고
- 인프콘 2023
- 프론트엔드개발자
- Tailwind CSS
- 성능 측정
- 국비지원
- next 14
- FE
- kpt
- netlify
- 부트캠프
- 사이드프로젝트
- Not Working
- Vercel
- 모노레포
- 성능 개선
- RARS
- FE 주니어
- ci/cd
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
글 보관함