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 does not load on browser: Accessing non-existent addons channel error

See original GitHub issue

Describe the bug created a storybook using vite builder on react app.

To Reproduce

npm init @vitejs/app test-app

cd test-app

npm i

npx sb init --builder storybook-builder-vite
#(say yes to upgrade to builder-vite)

#create ./storybook/main-preview.html with
<script>
    window.global = window;
</script>

npm run storybook

# open browser at http://localhost:6006
# loading icon displayed, nothing after
# console errors (see additional content)

System Environment Info:

System: OS: macOS 12.3 CPU: (16) x64 Intel® Core™ i9-9980HK CPU @ 2.40GHz Binaries: Node: 14.19.1 - ~/.nvm/versions/node/v14.19.1/bin/node Yarn: 1.22.10 - /usr/local/bin/yarn npm: 6.14.16 - ~/.nvm/versions/node/v14.19.1/bin/npm Browsers: Chrome: 100.0.4896.60 Safari: 15.4 npmPackages: @storybook/addon-actions: ^6.4.20 => 6.4.20 @storybook/addon-essentials: ^6.4.20 => 6.4.20 @storybook/addon-interactions: ^6.4.20 => 6.4.20 @storybook/addon-links: ^6.4.20 => 6.4.20 @storybook/builder-vite: ^0.1.22 => 0.1.22 @storybook/react: ^6.4.20 => 6.4.20 @storybook/testing-library: 0.0.9 => 0.0.9

Additional context client.ts:16 [vite] connecting… client.ts:53 [vite] connected. index.js:49 Error: Accessing non-existent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel at AddonStore2.getChannel (index.js:30:13) at new Instrumenter (instrumenter.js?v=a5fb0150:174:27) at instrument (instrumenter.js?v=a5fb0150:852:69) at argsEnhancers.js:29:19 warn @ index.js:49 (anonymous) @ index.js:76 instrument @ instrumenter.js?v=a5fb0150:859 (anonymous) @ argsEnhancers.js:29 index.js:30 Uncaught Error: Accessing non-existent addons channel, see https://storybook.js.org/basics/faq/#why-is-there-no-addons-channel at AddonStore2.getChannel (index.js:30:13) at argsEnhancers.js:36:22 AddonStore2.getChannel @ index.js:30 (anonymous) @ argsEnhancers.js:36 iframe.html?id=*&viewMode=story:54 POST http://localhost:6006/runtime-error 404 (Not Found)

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:14 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
IanVScommented, Apr 2, 2022

@yoanne2x @jambsik This has been fixed in @storybook/builder-vite@0.1.23. Please try it out and let us know whether it does the trick. Thanks for filing the report!

0reactions
jambsikcommented, Apr 4, 2022

@shilman @IanVS Thank you very much! now it works correctly 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Frequently Asked Questions - Storybook - JS.ORG
Why is there no addons channel? A common error is that an addon tries to access the "channel", but the channel is not...
Read more >
StorybookJS: Accessing non-existent addons channel
I am currently trying to add the @storybook/addon-console to Storybook. After running npm install @storybook/addon-console ...
Read more >
@storybook/addon-actions - npm
Start using @storybook/addon-actions in your project by running `npm i @storybook/addon-actions`. There are 685 other projects in the npm ...
Read more >
Troubleshoot Google Docs, Sheets, Slides & Forms error ...
Reload" or "Unable to load file" preventing you from making edits on your Docs, Slides, or Sheets, you can troubleshoot the issue. If...
Read more >
storybook-addon-intl - npm Package Health Analysis - Snyk
Accessing nonexistent addons channel error: ... This error can be caused by multiple conflicting versions of @storybook/addons in your app. ... If the...
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