인프런 커뮤니티 질문&답변

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

TailWindCss소개

tailwindcss 적용이 안 됩니다

작성

1.6K

따라 치면서 실습하는데 적용이 안 되길래 삽질 하다가

혹시나 싶어서 강의 자료를 다운 받아 npm run start 해 보았는데요

그것도 이렇게 적용이 안 되게 보이네요...

뭐가 문제일까요? ㅜ.ㅜ

답변 5

npm i react-scripts@latest

전 이거 사용하니까 적용되네요

저도 안되서 구글링 해서 생쇼를 했는데,, package.json 에서 dependencies 버전 최신화 하니까 적용되네요..

제가 알아보니까 tailwind css를 적용하면 기본 html 태그들의 css 속성이 사라진다고 하네요! 넘어가서 다음 강의에서 진행하는 tailwind css 속성 다 작성하면 제대로 작동되니까 넘어가시면 될 것 같습니다..

강사님이 따로 작성하신 의존성 부분만 설치하구요.

이문제 해결하셨나요? 저도 비슷한 문제가 생겼는데 어떻게 하셨어요?

tailwind.config.js 파일의 content에

"./src/**/*.{html,js}"

값 추가해보세요.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

강의에선 html,js 말고 js,hsx,ts,tsx를 넣었네요

질문자

content 값 여러 번 바꾸어 봤는데도 안 되네요... ㅠㅠ

App.css에

@tailwind base;
@tailwind components;
@tailwind utilities;

도 추가하셨나요??

작성한 질문수