tailwind css 적용 잘 안되면 참고하세요.
21
44 asked
강의 들으면서 따라가다 보니 영상에는 vue가 들어가 있는데요.
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],이부분에 vue가 들어가야 tailwind css가 적용되는것 같습니다.
참고하세요.
Answer 1
0
안녕하세요, 인프런 AI 인턴입니다. Minkoo Lee님.
Tailwind CSS 설정을 적용하는 과정에서 생길 수 있는 문제를 해결하기 위해 참고할만한 내용을 제공해 드리겠습니다.
질문에서 언급하신 대로, Tailwind CSS가 제대로 적용되지 않는 경우는 보통 tailwind.config.js 파일의 content 경로에 Vue 파일을 설정하지 않았기 때문일 수 있습니다. Tailwind CSS는 해당 경로에 지정된 파일들에서 사용 중인 클래스 이름을 기반으로 스타일을 생성하므로, vue 파일도 포함시키는 것이 중요합니다.
TailwindCSS와 Vue 설정 팁
Tailwind CSS가 Vue 프로젝트에 제대로 적용되지 않는 경우,tailwind.config.js의content설정에'./src/**/*.{vue,js,ts,jsx,tsx}'와 같이 Vue 파일을 명시해야 합니다. 이는 Tailwind가 클래스 이름을 제대로 파악하여 스타일을 적용할 수 있게 합니다.관련 질문/답변 링크
Tailwind CSS 설정에서 vue 파일 누락 해결하기: 설정에 관한 자세한 설명을 통해 문제 해결에 도움을 받을 수 있습니다.
Vue 3와 Tailwind CSS 효율적으로 사용하기: Vue 프로젝트에서 Tailwind CSS를 효과적으로 설정하고 사용하는 법에 대해 다룹니다.
위 정보를 참고하시면 Tailwind CSS가 제대로 적용되지 않을 때 문제를 해결하는 데 도움이 될 것입니다. 프로젝트 설정 시 경로 설정이 누락되지 않도록 꼼꼼히 확인해 주세요.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
질문드립니다.
0
29
0
섹션3 Shadcn/ui 생성 시
0
88
1
오타?
0
26
1
unplugin-vue-components 질문드립니다.
0
32
2
강의듣다가 헷갈려서 질문드립니다.
0
28
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
27
1
질문드립니다.
0
28
2
섹션2 tailwindcss 퀴즈에 대해서
0
47
2
npm init vue@3.1.9
0
36
2
크롭 웹스토어 vue devtools 설치 관련
0
38
1
Recoil 에러
0
66
1
next.js 프로젝트 생성 수업노트보기 에러
0
39
1
카카오 클라이언트 시크릿
0
185
2
User Memory 파일 생성 폴더
0
48
2
노션 DB 설정 관련
0
97
2
[해결방법] 노션 db 조회 안될 시
1
259
2
Git 폴더 생성(Windows)
0
111
2
파일 간략하게 정리하기?
0
79
2
[해결방법] 윈도우 WSL 환경에서 shrimp-task-manager 사용 시 참고사항
0
117
1
클로드 편집기 폴더 변경 방법?
0
409
2
agent @ 제안 기능?
0
71
3
안녕하세요 오늘 짜던 코드에서 질문이 있습니다
0
78
2
npm install -D tailwindcss postcss autoprefixer 의 버전을 알고싶습니다.
0
103
2
eslint 질문
0
203
2