search

hperrin / svelte-material-ui

Svelte Material UI Components
https://sveltematerialui.com/
Apache License 2.0
3.32k stars 284 forks source link

Sourcemap for ".../@material/...*.js"points to missing source files #502

Open klein-hans opened 2 years ago

klein-hans commented 2 years ago

Describe the bug I am using this smui library together with storybook, but I get this error in terminal image

when running npm run dev, the component seems fine. But in storybook the smui css are not working

To Reproduce Steps to reproduce the behavior:

  1. Install sveltekit, svelte-material-ui, and storybook
  2. Add import Button from '@smui/button'; and use it in Button.svelte file
  3. Run npm run storybook
  4. Navigate to Button > Primary

Expected behavior The button in Storybook should look like this image

Actual behavior image

Desktop (please complete the following information):

NickantX commented 2 years ago

The missing source map warnings are unrelated to this issue, and they're actually an issue upstream with MDC-Web and there's nothing SMUI can do to make those go away. As for the unstyled buttons, remember that SMUI components do not include their own CSS— you must generate a CSS file with smui-theme, and include it in your HTML (whether you choose to include it in app.html or a block is your choice)