Not loading - "Loading source..." message

Describe the bug I only see the “loading source…” text in the Storybook tab

.storybooks/webpack.config.js

To Reproduce `module.exports = function({ config }) { config.module.rules.push({ test: /.stories.jsx?$/, loaders: [require.resolve(‘@storybook/addon-storysource/loader’)], enforce: ‘pre’, });

return defaultConfig; };`

addons.js `import ‘@storybook/addon-actions/register’; import ‘@storybook/addon-links/register’; import ‘@storybook/addon-knobs/register’; import ‘storybook-addon-smart-knobs’; import ‘@storybook/addon-storysource/register’;

Folder structure

src /components /stories index.js

`

Expected behavior Expect to see the component code

Screenshots

System:

• OS: [Linux Mint]
• Browser: chrome]
• Framework: [React]

Additional context

[MrTim]

Faced the same problem. I made it work with the following setup: .storybook/addons.js

import '@storybook/addon-actions/register';
import '@storybook/addon-links/register';
import '@storybook/addon-actions/register';
import '@storybook/addon-storysource/register';

.storybook/webpack.config.js

module.exports = function({ config }) {
    config.module.rules.push(
        {
            test: /\.stories\.js?$/,
            loaders: [require.resolve('@storybook/source-loader')],
            enforce: 'pre'
        }
    )

    return config
}

After that story source finally appeared in the storybook. Maybe this would help someone.

[j0lv3r4]

I was having the same issue and this configuration fixed it for me:

// .storybook/webpack.config.js
const path = require('path');
const storysource = require.resolve('@storybook/addon-storysource/loader')

module.exports = function({ config }) {
  config.module.rules.push({
    test: /\.jsx?$/,
    loaders: [storysource],
    include: path.resolve(__dirname, '../'), // this fixed it, I think.
    enforce: 'pre',
  });

  return config;
};