tailwindcss 라이브러리 받은 후 실행이 안됩니다.

npm i -D postcss autoprefixer tailwind

npx tailwindcss init -p

모두 작업을 마치고

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,jsx,ts,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

index.css

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

npm run dev 를 돌리면,

node:internal/process/promises:246

triggerUncaughtException(err, true /* fromPromise */);

[Failed to load PostCSS config: Failed to load PostCSS config (searchPath: C:/WebStudy/WebDevelement/React/fullstack-react/front): [Error] Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'


라는 오류가 뜹니다.


원인파악이 어려운데 문의드립니다!