Prettier plugin not working on fresh install.

[akeldamas]

Hi there! 👋

I'm experiencing difficulty setting up the Prettier plugin with Tailwind CSS in my Next.js project. Despite following the setup steps, the plugin is not functioning as expected.

Steps to Reproduce

1. Initialize a new Next.js project with default configurations:

   npx create-next-app@latest
   

2. Install development dependencies for Prettier and the Tailwind CSS plugin:

   npm install -D prettier prettier-plugin-tailwindcss
   

3. Create a prettier.config.js file and added the following code snippet:

   // prettier.config.js
   module.exports = {
     tailwindConfig: './styles/tailwind.config.js',
   }

Environment Details

• Operating System: Windows 11 with WSL
• Editor: VSCode version 1.81.1
• Next.js version: 13.4.19
• Prettier version: 3.0.2
• prettier-plugin-tailwindcss version: 0.5.3
• Tailwind CSS version: 3.3.3

Any guidance or insights on how to resolve this issue would be greatly appreciated.

Thank you.

[akeldamas]

I have no idea how but suddenly without changing anything it works now. Closing this because it is solved but very annoying that I don't know what caused it.