-
-
Notifications
You must be signed in to change notification settings - Fork 7.7k
Open
Labels
feat: csshas workaroundinconsistencyInconsistency between dev & buildInconsistency between dev & buildp3-downstream-blockerBlocking the downstream ecosystem to work properly (priority)Blocking the downstream ecosystem to work properly (priority)
Description
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 brackets.
A workaround is to wrap the url with double quotes:
.foo {
background: url(./javascript.svg); /* before */
background: url("./javascript.svg"); /* after */
}This works in build.
Migrated from vitejs/vite-plugin-vue#512
Reproduction
Steps to reproduce
No response
System Info
Stackblitz
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
Binaries:
Node: 18.20.3 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.2.3 - /usr/local/bin/npm
pnpm: 8.15.6 - /usr/local/bin/pnpm
npmPackages:
vite: ^6.0.7 => 6.0.10Used Package Manager
npm
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.
Metadata
Metadata
Assignees
Labels
feat: csshas workaroundinconsistencyInconsistency between dev & buildInconsistency between dev & buildp3-downstream-blockerBlocking the downstream ecosystem to work properly (priority)Blocking the downstream ecosystem to work properly (priority)