Solution to the Nuxt 4 error: Type 'Plugin<any>[]' is not assignable to type 'PluginOption'.

[zkmark]

I was using the nuxt guide to install tailwind.

https://tailwindcss.com/docs/installation/framework-guides/nuxt

However, I encountered the following error in step 3:

Type 'Plugin<any>[]' is not assignable to type 'PluginOption'.
  Type 'Plugin<any>[]' is not assignable to type 'PluginOption[]'.
    Type 'Plugin<any>' is not assignable to type 'PluginOption'.

Step 3 Configure Vite Plugin

import tailwindcss from "@tailwindcss/vite";

export default defineNuxtConfig({
  compatibilityDate: "2025-07-15",
  devtools: { enabled: true },
  vite: {
    plugins: [
      tailwindcss(),
    ],
  },
});

Solution:

To fix this, just add as any after tailwindcss().

import tailwindcss from "@tailwindcss/vite";

export default defineNuxtConfig({
  compatibilityDate: "2025-07-15",
  devtools: { enabled: true },
  vite: {
    plugins: [
      tailwindcss() as any,
    ],
  },
});

Error in step 5:

In step 5, it asks you to configure the path as follows:

css: ['./app/assets/css/main.css'],

However, the following error occurs:

GET http://localhost:3000/_nuxt/app/assets/css/main.css net::ERR_ABORTED 404 (Not Found)

It should be configured as follows:

css: ['~/assets/css/main.css'],

Could someone update the documentation? I don't understand how to update it.