[postcss] 'import' and 'export' may appear only with 'sourceType: module'

[amitleuva1987]

When I try to configure tailwind with nuxt 3, I receive Below error.

[postcss] 'import' and 'export' may appear only with 'sourceType: module'

below is my tailwind.config.js

import forms from "@tailwindcss/forms";

module.exports = {
  // ...
  plugins: [forms],
  content: [
    "./components/**/*.{vue,js}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./nuxt.config.{js,ts}",
  ],
  theme: {
    extend: {
      screens: {
        sx: "320px",
        sm: "384px",
        md: "648px",
        lg: "1024px",
        xl: "1280px",
        "2xl": "1536px",
      },
    },
  },
};

Is there anything wrong with my config file?

[tobiasdiez]

I think you posted this in the wrong repo.

[amitleuva1987]

Apologies, I moved this discussion into nuxt/framework repo.