Comments (10)
If you want the server to work you need to go into the example app and enable websockets, not sure if they are on by default in the example app.
from react-native.
enableWebsockets
is set to true by default in getStorybookUI
- however yarn web
fails with:
Unable to resolve "telejson" from "../../node_modules/@storybook/channel-websocket/dist/esm/index.js"
I can get the server started by running:
npx react-native-storybook-server
But this leads to the infinite spinner above.
from react-native.
@mljlynch make sure you are on the right branch, you need to be on the next
branch. Otherwise you'll be running old code.
from react-native.
This is on a fresh clone so I am on the next branch by default.
from react-native.
after you open the mobile app and the server ui can you try refreshing the mobile ui for example by hitting r
, usually that gets it working
from react-native.
and yeah if I remember correctly yarn web will fail currently just because metro web isn't working correctly with some esm stuff. Might need to add the webpack version back for a bit.
However you should be able to try stuff with android/ios
from react-native.
yes confirmed working for iOS.
from react-native.
woah ok that works. let's goooooo!
from react-native.
Ok It works,BUT it won't switch through the components it just shows the default body:
from react-native.
@mljlynch the server ui doesn't have any preview its just for controlling the mobile device UI. There is another project for react native web storybook http://github.com/storybookjs/addon-react-native-web that runs on reactjs storybook. If you're looking to see components on the web you should go there.
from react-native.
Related Issues (20)
- Unable to resolve module @storybook/addon-links/register HOT 1
- Custom font usage HOT 4
- Removing demo component from causes issues HOT 3
- use with ``react-native-linear-gradient`` in storybook project HOT 4
- [Regression] Stories configuration object not working with auto titles HOT 2
- using `configure` leads to CSF story not showing in the stories list until hot reload is triggered HOT 4
- Unable to resolve "@storybook/react/dist/config" from "node_modules/@storybook/react-native/dist/preview.js" HOT 4
- Unit tests for Storybooks failing in React Native 0.73.1 HOT 3
- Headless render tests: @storybook/test-runner support or Storyshots alternative? HOT 4
- Unable to resolve module react/jsx-runtime in low version of React
- ColumnWrapperStyle not supported for single column lists HOT 8
- Android Bundling failed 3112ms Unable to resolve "@storybook/react-native" from ".storybook/index.tsx" HOT 12
- Add 'check' option in @storybook/addon-ondevice-controls HOT 5
- Documentation improvement request
- HMR issues HOT 4
- [Bug]: Passing props to TextInput causes error HOT 4
- Sidebar doesn't display stories with react-native-tvos HOT 11
- @storybook/react-native webpack bundler support HOT 2
- Generates TypeScipt while project is JS HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native.