[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

```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/addon-essentials@7.5.3
├── @storybook/addon-interactions@7.5.3
├── @storybook/addon-links@7.5.3
├── @storybook/addon-storysource@7.5.3
├── @storybook/blocks@7.5.3
├── @storybook/testing-library@0.2.2
├── @storybook/vue3-vite@7.5.3
├── @storybook/vue3@7.5.3
├── storybook@7.5.3
├── typescript@5.2.2
├── vite@4.4.11
├── vue@3.3.4
└── vuetify@3.3.23

[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/addon-essentials@7.5.3
├── @storybook/addon-interactions@7.5.3
├── @storybook/addon-links@7.5.3
├── @storybook/addon-storysource@7.5.3
├── @storybook/blocks@7.5.3
├── @storybook/testing-library@0.2.2
├── @storybook/vue3-vite@7.5.3
├── @storybook/vue3@7.5.3
├── storybook@7.5.3
├── typescript@5.2.2
├── vite@4.4.11
├── vue@3.3.4
└── vuetify@3.3.23

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: https://github.com/storybookjs/storybook/pull/29669 Note: my fix only seems to apply to those using webpack, note vite