[Bug] using builder-vite with vite-svg-loader

[donghoon-song]

What version of vite are you using?

3.2.5

System info and storybook versions

Environment Info:

System:
OS: macOS 11.6.7
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm
Browsers:
Chrome: 110.0.5481.177
Firefox: 108.0.1
Safari: 14.1.2
npmPackages:
@storybook/addon-actions: ^6.5.16 => 6.5.16
@storybook/addon-docs: ^6.0.22 => 6.5.16
@storybook/addon-essentials: ^6.5.16 => 6.5.16
@storybook/addon-interactions: ^6.5.16 => 6.5.16
@storybook/addon-links: ^6.5.16 => 6.5.16
@storybook/addon-viewport: ^6.0.26 => 6.5.16
@storybook/builder-vite: ^0.4.0 => 0.4.0
@storybook/mdx2-csf: ^0.0.4 => 0.0.4
@storybook/storybook-deployer: ^2.8.7 => 2.8.16
@storybook/testing-library: ^0.0.13 => 0.0.13
@storybook/vue: ^6.5.16 => 6.5.16

Describe the Bug

Uncaught SyntaxError: The requested module '/node_modules/.vite-storybook/deps/vue.js?v=e1c77ae0' does not provide an export named 'createElementBlock' (at icon-writing-2xlarge-line.svg?import&component:1:78)

The error above occurs. When I enter http://localhost:6006/.
The svg component element doesnt render.

Link to Minimal Reproducible Example

feature/migrate-storybook-webpack-to-vite

Participation

• I am willing to submit a pull request for this issue.