question-mark
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.

Storybook not launching in Chrome

See original GitHub issue

Storybook builds without errors, starts launching in a browser, and then hangs with the error quoted below.

Combo 1:

  • Storybook - ^6.0.28
  • Chrome - Version 86.0.4240.193

Combo 2:

  • @storybook/react v6.0.16
  • Chrome for Mac Version 87.0.4280.67 (Official Build) (x86_64)

Error log in Chrome:

Uncaught TypeError: Cannot read property '2' of undefined
    at new ShiftedDate (<anonymous>:48:42)
    at new Date (vendors~main.39af3481098ad3d1e989.bundle.js:117388)
    at Object.<anonymous> (vendors~main.39af3481098ad3d1e989.bundle.js:121814)
    at vendors~main.39af3481098ad3d1e989.bundle.js:118044
    at Object.<anonymous> (vendors~main.39af3481098ad3d1e989.bundle.js:118048)
    at Object../node_modules/es6-shim/es6-shim.js (vendors~main.39af3481098ad3d1e989.bundle.js:121911)
    at __webpack_require__ (runtime~main.39af3481098ad3d1e989.bundle.js:849)
    at fn (runtime~main.39af3481098ad3d1e989.bundle.js:151)
    at Object../node_modules/airbnb-js-shims/target/es2015.js (vendors~main.39af3481098ad3d1e989.bundle.js:43725)
    at __webpack_require__ (runtime~main.39af3481098ad3d1e989.bundle.js:849)

Firefox and Safari working as expected.

_Originally posted by @rnanania in https://github.com/storybookjs/storybook/issues/400#issuecomment-724930902_

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:18 (4 by maintainers)

github_iconTop GitHub Comments

16reactions
caryuvalcommented, Aug 31, 2021

I had the exact same issue and it turns out I had a Chrome extension I was using for time zones modifications that caused it. I recommend opening it in incognito mode (since normally extensions aren’t loaded automatically) without extensions and to see if it works correctly. If it does, just try disabling / removing the extensions 1 by 1 until you get it working. Good luck!

4reactions
kirakishincommented, May 26, 2021

i have the same issue.

    "@storybook/addon-a11y": "^6.2.9",
    "@storybook/addon-actions": "^6.2.9",
    "@storybook/addon-backgrounds": "^6.2.9",
    "@storybook/addon-console": "^1.2.3",
    "@storybook/addon-controls": "^6.2.9",
    "@storybook/addon-docs": "^6.2.9",
    "@storybook/addon-essentials": "^6.2.9",
    "@storybook/addon-links": "^6.2.9",
    "@storybook/addon-notes": "^5.3.21",
    "@storybook/addon-viewport": "^6.2.9",
    "@storybook/theming": "^6.2.9",
    "@storybook/web-components": "^6.2.9",

it seems that using the incognito windows, it works. i don’t know why

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to troubleshoot storybook not loading stories?
Check the console of the chrome window running localhost. ... You should run storybook server and then after run the react native app...
Read more >
Storybook-addon-a11y - Accessibility
This Storybook addon can be helpful to make your UI components more accessible. Framework Support. Screenshot. Getting started. First, install the addon. $...
Read more >
Fix "Aw, Snap!" page crashes and other page loading errors
... Snap" error or another error code instead of a webpage, Chrome is having problems loading. You might also see the page loading...
Read more >
live debugging of storybook in chrome with vs code
Using the Storybook stack trace is challenging due to the number of ... If it's not running, the debugger will launch a Chrome...
Read more >
Debug Storybook from VSCode (2022) - bruce lee harrison
You do not need to install the Debugger for Chrome extension! ... and Storybook launches successfully, Chrome will automatically open up and ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found