Rollup error: Unexpected character '@'

Environment

npx nuxi info

Reproduction

npx nuxi info

Describe the bug

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

 ERROR  Importing directly from a nuxt.config file is not allowed. Instead, use runtime config or a module. [importing /nuxt.config.ts.cjs from index.html]                                               14:18:22

i Vite client warmed up in 1510ms                                                                                                                                                                         14:18:23

 ERROR  nuxt3/nuxt cannot be imported directly. Instead, import runtime Nuxt composables from #app or #imports. [importing nuxt from nuxt.config.ts]    

Additional context

No response

Logs

No response

[danielroe]

I suspect a very similar issue.

[danielroe]

The issue Rollup error: Unexpected character '@' is triggered by swiper/vue importing from a css file. Setting build.transpile to ['swiper'] in your nuxt.config should resolve it.