I am working on a Next.js project with Tailwind CSS, and when I try to run my development server, I get the following error:

Error evaluating Node.js code
Error: Cannot find module '../lightningcss.win32-x64-msvc.node'
Require stack:
- F:\NextJS\basic-nextjs-app\node_modules\.pnpm\[email protected]\node_modules\lightningcss\node\index.js
- F:\NextJS\basic-nextjs-app\node_modules\.pnpm\[email protected]\node_modules\tailwindcss\postcss\dist\index.js
- F:\NextJS\basic-nextjs-app\.next\build\chunks\turbopack\_runtime.js
- F:\NextJS\basic-nextjs-app\.next\transform.js

This error prevents my app from starting properly.

What I Have Tried:

1. Cleared node_modules and reinstalled dependencies

   rm -rf node_modules .next pnpm-lock.yaml
   pnpm install
   pnpm run dev
   

   (I also tried using npm install, but the error persists.)

2. Manually installed lightningcss

   pnpm add lightningcss
   

   (Still getting the same error.)

3. Updated Tailwind CSS and PostCSS

   pnpm update tailwindcss postcss
   

   (No effect.)

4. Disabled TurboPack in next.config.js

   const nextConfig = {
     experimental: {
       turbo: false,
     },
   };
   
   module.exports = nextConfig;
   

   (But the error still occurs.)

Environment Details:

• Next.js Version: 15.2.4
• Tailwind CSS Version: 4.0.17
• Package Manager: pnpm
• Operating System: Windows

How can I fix this lightningcss module issue in Next.js? Any help is greatly appreciated!