Intro to Storybook Vue Tutorial Broken

[davidshq]

Hi All,

I attempted to follow the instructions for the Vue Tutorial:
https://storybook.js.org/tutorials/intro-to-storybook/vue/en/get-started/

I ran into a number of errors when attempting to run yarn storybook which appear to be related to vue-template-compiler and vue-loader.

I was able to get Storybook to load by using @F0rsaken's instructions in https://github.com/storybookjs/storybook/issues/10654#issuecomment-796593903

Specifically, running yarn add vue-loader@next

[jonniebigodes]

@davidshq thanks for bringing this to our attention. I briefly encountered this issue when updating the documentation (tutorial) to Vue 3. What solved it for me was to clean out my yarn cache and pull in the template and go through the tutorial. I'll check it out once again to see if the issue persists. If that's the case, then I'll adjust the template accordingly and I'll let you know and we'll go from there. Sounds good?

Stay safe

[MariuszDabrowski]

I ran into this same issue today, for anyone that stumbles across this, this is the error you get:

Which can be fixed by installing Vue Loader by running yarn add vue-loader@next --dev

[jonniebigodes]

@MariuszDabrowski and @davidshq going to close this down as the issue has resolved itself with Storybook 6.3. I've just finished a rundown on the tutorial with the updated version and no longer the issue presented itself. Can you check on your end and report back if the issue still presents itself and I'll gladly re-open this issue and triage it.

Stay safe both of you

[prathamesh-gharat]

Edit: Wrong issue - please delete

[jonniebigodes]

@prathamesh-gharat no problem whatsoever :)