@storybook/addon-docs: Yet another "No code available"

• Storybook with “No code available”
• Project on GitHub

I am not sure when this happened, but for @storybook/addon-docs I get “No code available”. It worked some time ago though.

Version: 6.1.21

main.js:

module.exports = {
  stories: ['./stories/**/*.@(js|mdx)'],
  addons: ['@storybook/addon-docs', '@storybook/addon-storysource'],
};

(I tried removing @storybook/addon-storysource, as suggested over here, but without success.)

┆Issue is synchronized with this Asana task by Unito

[jmtt89]

using Angular 13.2.5 and Storybook 6.4.19 still not work, my files calling “right” way

All stories load correctly but in docs tab show “No code available” when click on some control or “reset control” the code show correctly.

maybe is because my project structure?

my-proj
|  src
|  .storybook
|  |  main.js
|  stories
|  |  feature-a
|  |  |  feature-a.stories.tsx
|  |  feature-b
|  |  |  feature-b.stories.tsx

my .storybook/main.js file

module.exports = {
  "stories": [
    "../stories/**/*.stories.mdx",
    "../**/*.stories.@(js|jsx|ts|tsx)",
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "storybook-addon-designs",
  ],
  "framework": "@storybook/angular",
  "core": {
    "builder": "webpack5"
  }
}

[pravbeseda]

I have the same problem (angular 11)

1. ng new test-app
2. cd test-app
3. npx -p @storybook/cli sb init
4. npm run storybook

On Docs tab of predefined Stories I see “No code available”. The “Show code” button is unlocked after clicking on “Reset controls” or after some switching between Stories.

The problem is reproducible on versions 6.2.1-6.2.3.

Please help!