Error loading Tailwind CSS configuration due to missing module: tailwindcss-oxide.win32-x64-msvc.node

[prathamaaaaa]

when i started the dev server i face following issue

failed to load config from D:\internship\sample-test\vite.config.js
Error: The specified module could not be found.
\?\D:\internship\sample-test\node_modules@tailwindcss\oxide-win32-x64-msvc\tailwindcss-oxide.win32-x64-msvc.node
at Module._extensions..node (node:internal/modules/cjs/loader:1586:18)
at Module.load (node:internal/modules/cjs/loader:1288:32)
at Module._load (node:internal/modules/cjs/loader:1104:12)
at Module.require (node:internal/modules/cjs/loader:1311:19)
at require (node:internal/modules/helpers:179:18)
at Object. (D:\internship\sample-test\node_modules@tailwindcss\oxide\index.js:72:29)
at Module._compile (node:internal/modules/cjs/loader:1469:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1548:10)
at Module.load (node:internal/modules/cjs/loader:1288:32)
at Module._load (node:internal/modules/cjs/loader:1104:12)

Steps to Reproduce:

1. Clone the repository https://github.com/prathamaaaaa/sample-react-vite-app.
2. Install dependencies using npm install or yarn install.
3. Try running the development server with npm run dev or yarn dev.

Expected Behavior:
The development server should start without errors.

Actual Behavior:
The error message about the missing module tailwindcss-oxide.win32-x64-msvc.node appears, and the server fails to start.

Environment:
OS: (e.g., Windows 10)
Node.js version: (e.g., 20.18.2)
Tailwind CSS version: (@tailwindcss/vite: ^4.0.0)
Vite version: (6.0.5)

Possible Causes:
The error may be due to the missing native module required by Tailwind CSS's oxide package.

Attachments:
Error logs: this already mention above.
Configuration files such as vite.config.js or tailwind.config.js.
Steps or code to reproduce if possible (such as your package.json dependencies).

here is the content of vite.config.js
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/postcss';
import autoprefixer from 'autoprefixer';

// https://vite.dev/config/
export default defineConfig({
plugins: [react(), tailwindcss(), autoprefixer()],
})

here is the package.json content
{
"name": "sample-test",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.3.1",
"react-dom": "^18.3.1"
},
"devDependencies": {
"@eslint/js": "^9.17.0",
"@tailwindcss/postcss": "^4.0.0",
"@tailwindcss/vite": "^4.0.0",
"@types/react": "^18.3.18",
"@types/react-dom": "^18.3.5",
"@vitejs/plugin-react": "^4.3.4",
"autoprefixer": "^10.4.20",
"eslint": "^9.17.0",
"eslint-plugin-react": "^7.37.2",
"eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.16",
"globals": "^15.14.0",
"vite": "^6.0.5"
}
}

[wongjn]

Try this solution: #15701 (reply in thread)

[yash-k-s-7span]

Not working

[aimal-Khan-new]

my one is also not working

[mdalmamunit427]

You can update your PC or just watch this solution : Fix Tailwind v4 Installation issues

[RobertoBLA]

updating node.js worked for me