Error report: Issue resolved—Tailwind CSS not being applied to Next.js on goorm IDE

This error report is caused by the issue of Tailwind CSS not being applied at https://www.youtube.com/watch?v=KvoFvmu5eRo&t=1826s에서 30:31.

1. In the terminal, go back to the root folder with cd ...

2. Enter npm install autoprefixer in the terminal to install autoprefixer Reference link:https://github.com/reactGo/reactGo/issues/177

3. Go back with cd [파일명]

4. In the styles file,

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

change it to

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

and save

5. Check whether Tailwind CSS has been applied with npm run dev