salam
Error when installing Tailwind v4
@kapa.ai I also have the same problem. But your answer doesn't help.
Logs:
Nuxt 3.16.0 with Nitro 2.11.6 nuxi 11:52:48 AM
➜ Local: http://localhost:3000/
➜ Network: use --host to expose
ℹ Using Tailwind CSS from ~/assets/css/tailwind.css nuxt:tailwindcss 11:52:50 AM
➜ DevTools: press Shift + Alt + D in the browser (v2.3.0) 11:52:51 AM
✔ Processed 2 collections and 0 files in 57.49ms (0 cached, 0 parsed) @nuxt/content 11:52:51 AM
ℹ Nuxt Icon server bundle mode is set to local 11:52:51 AM
✔ Nuxt Icon discovered local-installed 2 collections: heroicons, logos 11:52:52 AM
ℹ Running with compatibility version 4 nuxt 11:52:52 AM
[ nuxi 11:52:53 AM] ERROR Cannot start nuxt: It looks like you're trying to use tailwindcss directly
as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind
CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.
at Yr (node_modules/tailwindcss/dist/lib.mjs:22:1886)
at resolveCSSOptions (node_modules/@nuxt/vite-builder/dist/shared/vite-builder.0lB6n6pu.mjs:1104:34)
at async bundle (node_modules/@nuxt/vite-builder/dist/shared/vite-builder.0lB6n6pu.mjs:1361:14)
at async bundle (node_modules/nuxt/dist/shared/nuxt.B7-cu52A.mjs:7234:5)
at async build (node_modules/nuxt/dist/shared/nuxt.B7-cu52A.mjs:7085:3)
at async Promise.all (index 1)
at async NuxtDevServer._load (node_modules/@nuxt/cli/dist/chunks/dev2.mjs:210:5)
at async NuxtDevServer.load (node_modules/@nuxt/cli/dist/chunks/dev2.mjs:95:7)
at async NuxtDevServer.init (node_modules/@nuxt/cli/dist/chunks/dev2.mjs:90:5)
at async Object.run (node_modules/@nuxt/cli/dist/chunks/dev-child.mjs:83:5)
Nuxt 3.16.0 with Nitro 2.11.6 nuxi 11:52:48 AM
➜ Local: http://localhost:3000/
➜ Network: use --host to expose
ℹ Using Tailwind CSS from ~/assets/css/tailwind.css nuxt:tailwindcss 11:52:50 AM
➜ DevTools: press Shift + Alt + D in the browser (v2.3.0) 11:52:51 AM
✔ Processed 2 collections and 0 files in 57.49ms (0 cached, 0 parsed) @nuxt/content 11:52:51 AM
ℹ Nuxt Icon server bundle mode is set to local 11:52:51 AM
✔ Nuxt Icon discovered local-installed 2 collections: heroicons, logos 11:52:52 AM
ℹ Running with compatibility version 4 nuxt 11:52:52 AM
[ nuxi 11:52:53 AM] ERROR Cannot start nuxt: It looks like you're trying to use tailwindcss directly
as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind
CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.
at Yr (node_modules/tailwindcss/dist/lib.mjs:22:1886)
at resolveCSSOptions (node_modules/@nuxt/vite-builder/dist/shared/vite-builder.0lB6n6pu.mjs:1104:34)
at async bundle (node_modules/@nuxt/vite-builder/dist/shared/vite-builder.0lB6n6pu.mjs:1361:14)
at async bundle (node_modules/nuxt/dist/shared/nuxt.B7-cu52A.mjs:7234:5)
at async build (node_modules/nuxt/dist/shared/nuxt.B7-cu52A.mjs:7085:3)
at async Promise.all (index 1)
at async NuxtDevServer._load (node_modules/@nuxt/cli/dist/chunks/dev2.mjs:210:5)
at async NuxtDevServer.load (node_modules/@nuxt/cli/dist/chunks/dev2.mjs:95:7)
at async NuxtDevServer.init (node_modules/@nuxt/cli/dist/chunks/dev2.mjs:90:5)
at async Object.run (node_modules/@nuxt/cli/dist/chunks/dev-child.mjs:83:5)
17 replies