테일윈드 설치가 안 되는 줄 알았는데?...

돼요...

그거 아세요?

테일윈드는 업데이트가 됐답니다... (나도 모르는 사이에)

나 빼고 다 알고 있던 거면 머쓱상태로 일단 넘어가고

나처럼 모르고 있었던 사람을 위한,,, 정보글이랄까요?

 

사실 테일윈드 업데이트 됐다고 주워듣고서 까먹고 또 원래대로 설치하고 있었음 ㅜ

 

하여튼

난 평소처럼 설치했을 뿐인데?

 

왜 설치가 안댐?...

 

설치 방법이 바뀌었어요,,,

npm install tailwindcss @tailwindcss/vite

이렇게 설치하시고

 

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

vite.config.js는 이렇게 수정해주기

 

@import "tailwindcss";

app.css에 다 지우고 이것만 넣어주세요

 

그럼 끝~!

 

앗참

 

next js도 바뀐 것 같더라구요?

아직 next js를 안 써서 적용은 안 해봤지만

npx create-next-app@latest my-project --typescript --eslint --app
cd my-project

npm install tailwindcss @tailwindcss/postcss postcss

 

const config = {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};
export default config;

이건 postcss.config.mjs에 넣어주고요

 

@import "tailwindcss";

global.css에 넣어주면~

 

 

끝~! 이랍니다

 

암튼 설치 안 되면 일단 내 컴퓨터를 의심하지 말고,,, 공홈에 들어가서 뭐가 바뀌었는지 확인해보는 습관을 들이면 좋을 것 같네요 ㅜㅜ (하지만 저는 엊그제 진짜 컴퓨터 문제로 뜯어고쳤기 때문에... - 핑계)