Umbraco.UI icon indicating copy to clipboard operation
Umbraco.UI copied to clipboard

Storybook Dev Mode does not pick up changes

Open nielslyngsoe opened this issue 2 years ago • 1 comments

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.4.0-rc.2

Bug summary

My browser does not update the front-end code when making changes to code of Components.

So currently I have to refresh the browser.

Specifics

No response

Steps to reproduce

run the dev script. open browser. make a CSS change to an element. Watch that the browser did not update.

Expected result / actual result

No response

nielslyngsoe avatar Sep 18 '23 08:09 nielslyngsoe

I ran into this issue today, but realised I had a lot of .js files lying around from a build. I then ran npm run clean and then ran storybook again and everything worked. I'm not sure if something changed with the newer Storybook versions, but you can do this in one go by running npm run dev. Would you try that?

Edit: Just tried again, and I can see that Storybook reloads when I save a file, but the changes are not reflected in Storybook immediately unless I import the element directly like this: import '@umbraco-ui/uui/lib/uui-select.element. That seems a bit cumbersome but for some reason Storybook doesn't reflect the change from an index barrel :(

iOvergaard avatar Nov 16 '23 10:11 iOvergaard