No StoryBookConfig named Export

[fahim-ux]

When I am trying to build the App I am facing an issue that says
No StoryBookConfig named Export
although StoryBookConfig is exported and the export is even recognized
still while building the app

The storybook version used in the repo is 7.6.17

[snehpnp]

You're encountering an error:

"No StoryBookConfig named Export" while building your app using Storybook v7.6.17.

Possible Causes & Fixes

1. Check Storybook Configuration Export

Ensure .storybook/main.ts or .storybook/main.js correctly exports a valid configuration.

✅ Example (main.ts):

import type { StorybookConfig } from '@storybook/react-vite';

const config: StorybookConfig = {
  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
  framework: '@storybook/react-vite',
};

export default config;

🔹 Ensure export default config; is present.

2. Check for Typo in Import/Export

The error mentions StoryBookConfig, but the correct type is StorybookConfig.

🔹 Use correct casing in imports and exports.

3. Update Storybook & Dependencies

Run the Storybook upgrade command:

npx storybook@latest upgrade

Then reinstall dependencies:

rm -rf node_modules package-lock.json && npm install

4. Clear Storybook Cache

npx storybook clean
npm run build-storybook

5. Ensure Correct Storybook Framework is Installed

For Vite:

npm install @storybook/react-vite --save-dev

For Webpack:

npm install @storybook/react-webpack5 --save-dev

6. If Using TypeScript, Update tsconfig.json

Ensure module resolution is correctly set:

"compilerOptions": {
  "moduleResolution": "node"
}

7. Debug with console.log

Modify .storybook/main.ts to check if it loads:

console.log('Storybook Config Loaded');
export default config;

Then run:

npm run storybook

Try these fixes and let me know if the issue persists! 🚀