Failed to resolve the relative background image url in css when there're special characters in it's parent paths.

[ankeycheng]

Related plugins

• plugin-vue

• plugin-vue-jsx

Describe the bug

It seems to fail to resolve the relative background image url in css when a component is located in a folder containing special characters (e.g. brackets).

Reproduction

https://codesandbox.io/p/devbox/cool-lake-27tnhv?file=%2Fsrc%2F%28magic-path%29%2FFoo.vue%3A1%2C11

Steps to reproduce

Run pnpm run dev

System Info

System:
  OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
  CPU: (2) x64 AMD EPYC
  Memory: 1.26 GB / 3.63 GB
  Container: Yes
  Shell: Unknown
Binaries:
  Node: 20.12.0 - /usr/local/bin/node
  npm: 10.5.0 - /usr/local/bin/npm
  pnpm: 8.15.6 - /usr/local/share/npm-global/bin/pnpm
npmPackages:
  @vitejs/plugin-vue: ^5.2.1 => 5.2.1 
  vite: ^6.0.8 => 6.0.8

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

It seems this is a bug in Vite core. I made an issue there: vitejs/vite#19261