dev server error 500 ERR_LOAD_URL if app.buildAssetsDir same as source directory name

[lkho]

Environment

---

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 3.8.0
• CLI Version: 3.9.1
• Nitro Version: 2.7.2
• Package Manager: npm@9.4.2
• Builder: -
• User Config: devtools, app, css
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-hcnr1y-8cm86s?file=nuxt.config.ts

Describe the bug

If you try to import a global css, which resides in a source directory with a name same as the app.buildAssetsDir, the dev server will not load the file.

i.e.:

export default defineNuxtConfig({
  devtools: { enabled: true },
  app: {
    buildAssetsDir: 'abc'
  },
  css: [
    '@/abc/main.css'
  ]
})

Affects nuxi dev only.
However, build and generate are fine.

error shown:

500
[vite-node] [ERR_LOAD_URL] /main.css

Additional context

You can confirm it is a bug by changing the app.buildAssetsDir to something else, e.g. abc1, then it will work again.

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• github-hcnr1y-8cm86s (Open reproduction)

[danielroe]

From the look of it, I believe this is an upstream bug in vite or vite-node that has already been fixed but hasn't yet been released, either vitest-dev/vitest#4049 or vitejs/vite#14241.

[lkho]

Oh thanks for the prompt answer, then I'll stay tune for the next release 😆