#Fresh install: no onboarding wizard, broken examples

2 messages · Page 1 of 1 (latest)

karmic remnant
#

Hi, I'm trying to set up Storybook on a Mac (Ventura v13.5.1) in an existing Vue3 project's root directory. The command I used is from the documentation: npx storybook@latest init. During the install, I chose Vite and ESlint, and the install finished and opened the localhost app in my browser.

I was following the documentation at https://storybook.js.org/docs/vue/get-started/install earlier today, and it said a setup wizard should start automatically and to append ?path=/onboarding to the url if it doesn't (which seems to be missing from the documentation now). However, the setup wizard never started, and the onboarding url just loads a Storybook page with the sidebar present but with no content on the right.

Strangely enough, all of the examples have this error in them: ambiguous indirect export: normalizeStyle. From what I understand, there should be an actual button if I click on "Primary" under "Button" in the sidebar, but that error shows up instead.

I don't think I'm doing anything wrong; I really haven't had a chance to do anything yet, as I only entered the setup command. I tried uninstalling storybook and reinstalling, but I still get the same results. I'd really like to use the wizard/onboarding thing, and I'm curious to see what the examples look like; I know nothing about storybook and need all the help I can get, so I'd like to set this up the right way from the beginning. I just can't get started. Any advice would be much appreciated.

torn cliff
#

In my case,

./vite.config.js[ts] <- that is problem.

import ...

export default defineConfig({
-    define: {
-        process: process
-    },
    plugins: [vue()],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    server: {
        ...
    }
});

I deleted 3 lines from the code above and it worked.

Hope this helps to compare your project with the structure of the project provided in the tutorial (https://storybook.js.org/tutorials/intro-to-storybook/vue/en/get-started/).