ERROR Importing directly from a nuxt.config file is not allowed.

[Krystus]

How to bypass that error?

ERROR Importing directly from a nuxt.config file is not allowed. Instead, use runtime config or a module. [importing /nuxt.config.js from index.html]

[atinux]

Can you please share a reproduction, we cannot help you just with what you shared

[Krystus]

Just basic Nuxt 3 + @nuxtjs/tailwindcss installation.

After some tests looks like error is off when I comment out one line in tailwindcss config.

nuxt.config.js:
import { defineNuxtConfig } from "nuxt3"

import { defineNuxtConfig } from "nuxt3"

export default defineNuxtConfig({
  tailwindcss: {
    viewer: false,
    config: {
      darkMode: "class",
      content: [
        `components/**/*.{vue,js}`,
        `composables/**/*.{vue,js}`,
        `layouts/**/*.vue`,
        `pages/**/*.vue`,
        `plugins/**/*.{js,ts}`,
        // `nuxt.config.{js,ts}`,
      ],
    },
  },
  buildModules: [
    "@nuxtjs/tailwindcss",
  ],
})

[atinux]

Can you reproduce by forking https://stackblitz.com/edit/nuxt-starter-rnulzp?file=app.vue ?

[afflexux]

StackBlitz

It is to do with the content [ ] in tailwind.config

Uncomment any of the last two entries and it breaks.

./*.{vue,js,ts} is not needed here anyway as they are covered individually but nuxt.config might be needed in some situations as mentioned here

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[jovylle]

I do have this error. seemed so weird.

[lpknv]

I am also having the same issue (see below).
Haven't tried to reproduce it yet.

[lpknv]

I think I have found the error on my end:
I had "./nuxt.config.{js,ts}", in my tailwind.config.js. You may wonder why it is there, and here is the reason.

I removed the line and the error disappeared.

[jdchvz]

I think I have found the error on my end: I had "./nuxt.config.{js,ts}", in my tailwind.config.js. You may wonder why it is there, and here is the reason.

I removed the line and the error disappeared.

this works to me, but what does it do? does this affect any thing?

[peace2074]

I think I have found the error on my end: I had "./nuxt.config.{js,ts}", in my tailwind.config.js. You may wonder why it is there, and here is the reason.

I removed the line and the error disappeared.

Thank you!!!
Thank you!!!
Thank you!!!

[lpknv]

I think I have found the error on my end: I had "./nuxt.config.{js,ts}", in my tailwind.config.js. You may wonder why it is there, and here is the reason.
I removed the line and the error disappeared.

this works to me, but what does it do? does this affect any thing?

Thats a good question: I guess tailwind cannot read CSS classes from *.config.{js,ts} files? Dunno...

[SepehrMoafi]

thanks a lot

[FrancoLab]

Thanks!

[paddotk]

Removing that line did not do it for me. I stopped the app, removed the line, cleared my yarn cache and restarted. I still see the same error.

[lpknv]

Removing that line did not do it for me. I stopped the app, removed the line, cleared my yarn cache and restarted. I still see the same error.

Can you share some of your code ? Maybe there is something else causing this issue.