[Bug]: Source code not working . After add source code addons it just displaying loading source...

[sfsafsag]

Describe the bug

Source code

not working . After add source code addons it just displaying loading source...

To Reproduce

No response

System

No response

Additional context

"addons": [
"@storybook/addon-links",
"@storybook/addon-essentials",
"@storybook/addon-interactions",
"@storybook/addon-storysource"
],

[tfrijsewijk]

Same here

[tachyon-ops]

Same ^7.0.0-beta.34 "next": "13.1.5" "typescript": "4.9.4"

[mayank99]

This can be reproduced in a fresh app / by running the following commands:

npx create-vite@latest storysource-repro
cd storysource-repro
npx storybook@next init
npm i
npm i -D @storybook/addon-storysource # then add it to main.js
npm run storybook

main.js

const config = {
  "stories": [
    "../src/**/*.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "@storybook/addon-storysource"
  ],
  "framework": {
    "name": "@storybook/react-vite",
    "options": {}
  },
  "docs": {
    "autodocs": "tag"
  }
};
export default config;

[mayank99]

Might have been fixed by #21096.

Edit: tested 7.0.0-beta.48 in a fresh app, it now shows the args instead of "loading source...". So not completely fixed.

[lordfpx]

I'm still using StoryBook 6.5.12 and I've got the same issue.

[golonikum]

I'm using ver. 6.5.16. This issue appears only if I write a story in CSF 3.0 format.

[Robertorc83]

I have the same problem with version 7.0.8

[mayerraphael]

Same problem with 7.0.20 (framework: preact-webpack5 or react-webpack5). Also happens without the storysource addon.

I only see the Story object, not the rendered jsx. Makes the "show code" part completly useless.

[LuWa-at-work]

Might have been fixed by #21096.

Edit: tested 7.0.0-beta.48 in a fresh app, it now shows the args instead of "loading source...". So not completely fixed.

Problem still exists with: 😢

├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

[ghost]

Might have been fixed by #21096.
Edit: tested 7.0.0-beta.48 in a fresh app, it now shows the args instead of "loading source...". So not completely fixed.

Problem still exists with: 😢

├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

Same

[pedroapfilho]

Im also having this issue

[Reaverart]

Same issue (storybook 7.6.18) while I tried it debug through node_modules sources I see useParameter("storySource", {}) returns nothing. If I got it right there should be source-loader who provides "storySource" param, it is unclear from docs should I add it manually to main.ts or storybook will do internally somehow. But I also tried to install it additionally and add it like this https://github.com/storybookjs/storybook/blob/next/code/lib/source-loader/README.md#options and it not works.

[slax57]

For anyone, like me, coming to this issue because they have the same problem, but with Storybook v8, you may be interested in the fix I found: #29669
Note: my fix only seems to apply to those using webpack, note vite