Kadirahq/react-storybook - Unable to proceed after creating config.js file

Refer to link: https://github.com/kadirahq/react-storybook

At ‘configurations’ step, I created the config.js file as stated. However while I run “npm run storybook” it still says: => Create a storybook config file in “.storybook/config.js”. and I’m unable to see the React Storybook UI at http://localhost:9001/ as mentioned below…

“This will start your Storybook in http://localhost:9001. Open that URL in your browser. You will see the React Storybook UI:”

Please note: I created the config.js file inside ‘storybook’ folder inside @kadira folder under node_modules. Is this correct?

You need to create the config file in .storybook directory in your app root. Not inside the @kadira folder under node_modules.

1 Like

Hi Arunoda,

Thank you for the quick reply.
When I did “npm run storybook” now, this is what I got…

ERROR in multi admin
Module not found: Error: Cannot resolve module ‘stack-source-map/register’
@ multi admin

ERROR in multi preview
Module not found: Error: Cannot resolve module ‘webpack-hot-middleware/client’
@ multi preview

ERROR in multi preview
Module not found: Error: Cannot resolve module ‘babel’ in
@ multi preview

Okay. You need to use NPM3. Follow here: https://github.com/kadirahq/react-storybook/blob/master/docs/known_issues.md#potential-issues-with-npm-2

Hi Arunoda,

I updated npm to the latest: 3.8.5
My babel details (taken from the ‘versions’ file):

However, the error is still the same

My second try :slight_smile:

  1. Installed kadira storybook again. Here are the version details for the following:
    -- @kadira/storybook@1.5.0 – babel-core@6.7.4
    -- babel-register@6.7.2 – source-map-support@0.2.10
    -- source-map@0.1.32 – amdefine@1.0.0

  2. The npm ‘warn’ messages I get now is attached for your reference:

    –the ‘text’ in blue in the first line is ‘optional’
    –the text in blue in the second line is ‘notsup’

  3. The error message I get now is:
    “ReferenceError: window is not defined”