storybookjs / builder-vite

A builder plugin to run and build Storybooks with Vite
MIT License
886 stars 109 forks source link

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

Open donghoon-song opened 1 year ago

donghoon-song commented 1 year ago

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