Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

open Storybook automatically in the browser

See original GitHub issue

Current Behavior

I’m using NX with react project and storybook. When I’m running this command nx run project-name:storybook I would expected to open the browser automatically or alternatively use any like given by the storybook options https://storybook.js.org/docs/react/api/cli-options

Expected Behavior

Steps to Reproduce

Create a new NX react Lib
Add storybook to the lib
Run Storybook

Environment

Node : 16.10.0 OS : darwin x64 npm : 7.10.0

nx : 13.9.4 @nrwl/angular : undefined @nrwl/cypress : 13.9.4 @nrwl/detox : undefined @nrwl/devkit : 13.9.4 @nrwl/eslint-plugin-nx : 13.9.4 @nrwl/express : undefined @nrwl/jest : 13.9.4 @nrwl/js : 13.9.4 @nrwl/linter : 13.9.4 @nrwl/nest : undefined @nrwl/next : undefined @nrwl/node : undefined @nrwl/nx-cloud : undefined @nrwl/nx-plugin : undefined @nrwl/react : 13.9.4 @nrwl/react-native : undefined @nrwl/schematics : undefined @nrwl/storybook : 13.9.4 @nrwl/web : 13.9.4 @nrwl/workspace : 13.9.4 typescript : 4.5.5 rxjs : 6.6.7

Community plugins:

Issue Analytics

State:
Created a year ago
Comments:7 (5 by maintainers)

Top GitHub Comments

1reaction

ofirrifocommented, Apr 24, 2022

@mandarini Thanks it work perfect 😃

1reaction

mandarinicommented, Apr 20, 2022

@ofirrifo yes!

Top Results From Across the Web

CLI option for start-storybook to not open the browser #6201

And as start-storybook opens a new browser tab every time it starts, my tab bar gets filled up with multiple storybook tabs between...

CLI options - Storybook

--ci, CI mode (skip interactive prompts, don't open browser) start-storybook --ci. --no-open, Do not open Storybook automatically in the browser

Configure Storybook

Configure story loading ... By default, Storybook will load stories from your project based on a glob (pattern matching string) in .storybook/main.js that...

Install Storybook

Depending on your system configuration, it will automatically open the address in a new browser tab, and you'll be greeted by a welcome...

Browse Stories - Storybook

It's open source and free. ... The “Docs” tab shows auto-generated documentation about components (inferred from the source code). Usage docs are helpful ......