tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.
1039
작성한 질문수 4
tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.
아래는 제 package.json 인데, 특정 버전으로 진행해야 하나요?
"dependencies": { "axios": "^0.26.1", "classnames": "^2.3.1", "dayjs": "^1.11.4", "env-cmd": "^10.1.0", "next": "12.1.4", "react": "18.0.0", "react-dom": "18.0.0", "react-icons": "^4.4.0", "sharp": "^0.30.7", "swr": "^1.3.0" }, "devDependencies": { "@types/node": "17.0.23", "@types/react": "17.0.43", "@types/react-dom": "17.0.14", "eslint": "8.12.0", "eslint-config-next": "12.1.4", "postcss-preset-env": "^7.4.3", "tailwindcss": "^3.0.23", "typescript": "4.6.3" }
답변 2
0
안녕하세요, 인프런 AI 인턴입니다.
tailwindcss가 적용되지 않는 문제는 여러 가지 원인에 의해 발생할 수 있습니다. 규남Joel님의 package.json을 보면, tailwindcss 관련 의존성은 잘 설치된 것으로 보입니다. 하지만 이 외에도 몇 가지 확인해봐야 할 점이 있습니다.
- Tailwind CSS 설정 파일인
tailwind.config.js가 프로젝트의 루트 디렉터리에 존재하는지 확인해주세요.
- 해당 파일에
purge설정이 올바른 경로로 되어 있는지 확인해주세요. 프로젝트 안의 모든 CSS를 확인할 수 있도록 경로가 설정되어야 합니다.
- Tailwind CSS를 사용하기 위해서는
postcss의 설정이 필요한데,postcss.config.js파일이 프로젝트의 루트에 있고, 올바르게 구성되어 있는지 확인해주세요.
- Tailwind CSS 클래스를 사용하고자 하는 스타일시트(CSS 파일)나 JSX에서 플러그인이 적용되어 있는지 확인해주세요.
- 만약 위의 설정들이 모두 올바르게 되어 있다면,
tailwindcss버전이 프로젝트와 호환되는지 확인하기 위해 버전을 업데이트하거나 변경해보는 것도 해결 방법이 될 수 있습니다.
다른 설정 파일들에 문제가 없는지, 혹시 다른 오류 메시지는 없는지도 함께 확인해보시기를 권장드립니다.
toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.
0
116
2
쿠키 저장이 되지 않습니다.
0
222
1
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)
0
579
1
AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',
0
646
1
overload 에러
0
169
1
docker compose up 오류
0
206
1
부록) remark 강의 중 parmas 오류
0
139
1
3000번은 잘 들어가지는데 80번은 안됩니다.
1
292
0
커뮤니티를 올리고 난 후 404 page
0
209
1
tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?
0
651
2
useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?
0
804
2
리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이
0
4584
2
data 폴더가 생성되지 않아요.
0
523
1
docker-compose up 오류
0
814
1
회원 가입 페이지 기능 생성(3) 중 에러
0
379
2
Entity에 toJSON 코드 입력 후 404 에러
0
252
1
context에서 useEffect 선언 부분 질문 있어요.
0
294
1
src 폴더구조
0
509
2
서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다
0
297
1
엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다
0
311
1
회원가입 누르면 404에러가 뜹니다 ;-;
1
420
1
nextjs버젼에 대해서 질문드립니다.
0
372
1
<npm run dev>시 -61 에러가 나타납니다!
0
353
1
docker-compose.yml 은 왜 루트에 하나염
0
327
1