Error report:구름 ide next js에 tailwind css 적용 안됨 issue 해결

minsing-jin·2023년 1월 1일
3

web_study

목록 보기
4/14

본 error report는 https://www.youtube.com/watch?v=KvoFvmu5eRo&t=1826s에서 30:31에 tailwind css가 적용이 안되는 issue에 기인한다.

1. 터미널에 cd .. 으로 root folder에 다시 빠꾸 친다.

  1. npm install autoprefixer 터미널에 입력하여 autoprefixer설치
    참고 링크:https://github.com/reactGo/reactGo/issues/177

  2. 다시 cd [파일명] 으로 컴백

  3. styles 파일에

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

대신에

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

로 수정후 저장

  1. npm run dev 으로 tailwind css 적용되었는가 확인

profile
why not? 정신으로 맨땅에 헤딩하고 있는 코린이

0개의 댓글