react-native-storybook-boilerplate icon indicating copy to clipboard operation
react-native-storybook-boilerplate copied to clipboard

Configuration problems

Open Angelk90 opened this issue 4 years ago • 2 comments

Hi @ugglr , i'm having trouble configuring, these are steps i took.

  1. I cloned the repo.
  2. I installed the modules via yarn.
  3. I run the following yarn run storybook command
  4. I run the following yarn run storybook-web command.

But I get left in the menu this, I don't see the various stories.

  1. yarn run storybook:
Schermata 2020-12-28 alle 14 31 38
  1. yarn run storybook-web:
Schermata 2020-12-28 alle 14 59 14

If you run on ios, it works on the emulator.

Angelk90 avatar Dec 28 '20 14:12 Angelk90

I tried your steps, everything seems to work as it's supposed to on my side:

We are working with two different installations of Storybook so we have to break down what's happening in two parts

  1. React Native Side This is a "vanilla" react-native storybook installation where if you run yarn storybook that will start the react-native development server, whereas Storybook itself states how to use it on the welcome screen:
Screenshot 2020-12-29 at 08 50 50

what it means is that you have to have a running emulator / simulator to use together with it, and when you do the side menu will stop loading.

  1. React-native-Web side

I did a fresh clone of this project on a new computer and installed it's dependencies with yarn, and then I ran yarn storybook-web all the example components that are in the project loaded straight up.

Screenshot 2020-12-29 at 08 57 42

If you did any steps outside of that let me know

ugglr avatar Dec 29 '20 01:12 ugglr

I had this problem and the solution I found was to set the host and port in storybook/index.js and in my package.json. image image

Lithial avatar Feb 23 '22 00:02 Lithial