Container can't start with Vite (React) + TailwindCSS 4.x installed

[sboomi]

Describe the bug

I tried installing TailwindCSS 4.x on a React + vite project template but unfortunately the application doesn't start. Here's the output in the terminal.

~/sboomi/react-tailwind-template
❯ pnpm install && pnpm run dev
preResolution: Hydrating content-addressable store.
Content-addressable store is at: ~/.local/share/pnpm/store/v3
Progress: total 217, downloaded 217, done

Lockfile is up to date, resolution step is skipped
Packages: +195
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 195, reused 195, downloaded 0, added 195, done

dependencies:
+ @tailwindcss/vite 4.0.12
+ react 19.0.0
+ react-dom 19.0.0
+ tailwindcss 4.0.12

devDependencies:
+ @eslint/js 9.22.0
+ @types/react 19.0.10
+ @types/react-dom 19.0.4
+ @vitejs/plugin-react 4.3.4
+ eslint 9.22.0
+ eslint-plugin-react-hooks 5.2.0
+ eslint-plugin-react-refresh 0.4.19
+ globals 15.15.0
+ typescript 5.7.3
+ typescript-eslint 8.26.0
+ vite 6.2.1

Done in 4.2s

> react-tailwind-template@0.0.0 dev /home/sboomi/react-tailwind-template
> vite

failed to load config from /home/sboomi/react-tailwind-template/vite.config.ts
error when starting dev server:
Error: Cannot load native addon because loading addons is disabled: /home/sboomi/react-tailwind-template/node_modules/.pnpm/@tailwindcss+oxide-linux-x64-musl@4.0.12/node_modules/@tailwindcss/oxide-linux-x64-musl/tailwindcss-oxide.linux-x64-musl.node
    at _0x4dc9e9._0x4ee2d5 [as dlopen] (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/blitz.495c5120.js:40:914989)
    at Module._extensions..node (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/builtins.8cb5228f.js:144:15217)
    at Module.load (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/builtins.8cb5228f.js:144:12820)
    at Module._load (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/builtins.8cb5228f.js:144:10273)
    at Module.require (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/builtins.8cb5228f.js:144:13097)
    at require3 (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/builtins.8cb5228f.js:163:2815)
    at _0x4a53bd (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/blitz.495c5120.js:40:810748)
    at Object.eval (file:///home/sboomi/react-tailwind-template/node_modules/.pnpm/@tailwindcss+oxide@4.0.12/node_modules/@tailwindcss/oxide/index.js#cjs:177:31)
    at Object._0x339e27 (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/blitz.495c5120.js:40:811403)
    at Module._compile (https://reacttailwindtemplate-eh4z.w-credentialless-staticblitz.com/builtins.8cb5228f.js:144:14246)
 ELIFECYCLE  Command failed with exit code 1.

~/sboomi/react-tailwind-template main 8s

I followed the same instructions suggested by TailwindCSS, but unfortunately it doesn't load, even when I'm refreshing the tab.

Link to the blitz that caused the error

https://stackblitz.com/~/github.com/sboomi/react-tailwind-template

Steps to reproduce

1. Start container
2. Wait for it to load

Expected behavior

If everything works correctly, you're supposed to see the main page in the browser

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

No response

Platform

• OS: Windows 11
• Browser: Google Chrome
• Version: 133.0.6943.143

Additional context

No response

[SamVerschueren]

TailwindCSS uses native dependencies which we can't run in WebContainer. They're working to add support for WebAssembly which will enable this. For now, the only way to get this working would be to use TailwindCSS version 3 instead of 4.