svg use tag throws startoffset error

[mattpilott]

Describe the bug

When using svg sprites vite throws an error about startoffset.
Cannot read properties of undefined (reading 'startOffset')

<svg class="icon">
  <use xlink:href="/sprite.svg#icon-star"></use>
</svg>

Reproduction

https://stackblitz.com/edit/vitejs-vite-6bgau8?file=index.html

System Info

System:
    OS: macOS 13.0
    CPU: (10) arm64 Apple M1 Max
    Memory: 1.68 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.10.0 - /opt/homebrew/bin/node
    npm: 8.19.2 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 106.0.5249.91
    Firefox: 105.0
    Safari: 16.1
  npmPackages:
    vite: ^3.1.4 => 3.1.4

Used Package Manager

pnpm

Logs

Click to expand!

[vite] Internal server error: Cannot read properties of undefined (reading 'startOffset')
      at overwriteAttrValue (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:43386:50)
      at processNodeUrl (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:60596:9)
      at eval (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:60687:21)
      at traverseNodes (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:43345:5)
      at eval (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:43349:48)
      at Array.forEach (<anonymous>)
      at traverseNodes (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:43349:25)
      at eval (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:43349:48)
      at Array.forEach (<anonymous>)
      at traverseNodes (file:///home/projects/vitejs-vite-6bgau8/node_modules/vite/dist/node/chunks/dep-6b3a5aff.js:43349:25)

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.

[userquin]

@mattpilott you must:

• move out the svg inside #app
• if you're running Vite 3+, you should specify base: '/' or if using default value (./) use relative part

[mattpilott]

Good work! Thanks so much!