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.

Stories not showing up in start mode, but show up in build mode

See original GitHub issue

Issue

Some stories do not show up when you run the start mode, however, they do show up when you run the build mode.

I’ve tried downgrading / upgrading various different things and can’t seem to pinpoint the breaking point. I’m thinking its related to maybe a circular dependency, however, no errors are thrown by babel or ts or webpack ( even in debug mode ).

Command

    "storybook": "start-storybook -p 6006 -s public",

Custom Config

main.js:

module.exports = {
  stories: ['../src/**/*.story.@(ts|tsx|mdx)'],
  addons: [
    '@storybook/preset-create-react-app',
    '@storybook/addon-storysource',
    '@storybook/addon-docs/preset',
    '@storybook/addon-knobs',
    {
      name: '@storybook/addon-essentials',
      options: {
        controls: false
      }
    }
  ],
  typescript: {
    check: true,
    reactDocgen: 'react-docgen-typescript'
  },
  webpackFinal: async (config) => {
    config.module.rules = config.module.rules.map(r => {
      if (r.oneOf) {
        for (const o of r.oneOf) {
          if (o.use) {
            for (const u of o.use) {
              if (u.loader && u.loader.indexOf('postcss') > -1) {
                u.options = {
                  ...u.options,
                  plugins: [
                    require('postcss-nested'),
                    require('postcss-focus-visible'),
                    require('postcss-preset-env')({ stage: 1 })
                  ]
                }
              }
            }
          }
        }
      }

      return r;
    });

    return config;
  }
};

Versions

    "@mdx-js/react": "1.6.22",
    "@storybook/addon-docs": "6.1.21",
    "@storybook/addon-essentials": "6.1.21",
    "@storybook/addon-knobs": "6.1.21",
    "@storybook/addon-storysource": "6.1.21",
    "@storybook/addons": "6.1.21",
    "@storybook/preset-create-react-app": "3.1.7",
    "@storybook/react": "6.1.21",
    "@storybook/theming": "6.1.21",

and the other stuff:

    "@craco/craco": "^6.1.1",
    "babel-loader": "8.1.0",
    "typescript": "4.2.3",
    "react-scripts": "4.0.3",
   "postcss": "^7",
     "chromatic": "^5.7.0",
   "postcss-focus-visible": "^5.0.0",
    "postcss-nested": "^4",
    "postcss-preset-env": "^6.7.0",
    "autoprefixer": "^9",

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
hydrosquallcommented, Apr 1, 2021

To close the loop on this - it was a strange thing that was ultimately resolved by removing node_modules/.cache/storybook, so no action was needed 😃 . We’re now happily deployed at https://nycvl-storybook.vercel.app/ .

1reaction
shilmancommented, Mar 31, 2021

@hydrosquall please open a new issue. i went through this with @amcdnl yesterday and it was something specific to his project.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Top 9 Ways to Fix Facebook Messenger Story Not Showing on ...
Step 2: Tap on Force stop at the bottom. Close the app info menu and try opening Messenger again. Stories will start appearing...
Read more >
What to do if no further missions are showing up in GTAV ...
Question: I'm stuck in GTAV Story mode because there don't seem to be any other missions to do. I've checked a guide and...
Read more >
Instagram Stories Not showing up for others Fix-5 Solutions
This is the fix for Instagram Stories not showing up for others with Five (5) solutions to try.
Read more >
Fortnite adds Zero Build mode but doesn't add ... - Polygon
Fortnite's new Zero Build mode preserves the no-building battle royale, but Epic Games hasn't added the standard mode back into the game yet ......
Read more >
Instagram Story Hacks: 32 Tricks and Features You Should ...
Next, start a new Story. Select Create, then go to your camera roll and select that first Story you've saved. Now, you can...
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