[Bug]: Storybook couldn't evaluate your

[ZhuravelAndreyVladimirov]

Describe the bug

when I try to run it gives an error:

SB_CORE-SERVER_0007 (MainFileEvaluationError): Storybook couldn't evaluate your .storybook\main.ts file.

Original error:
Error: Transform failed with 1 error:
(define name):1:0: ERROR: Expected identifier but found "import"
    at failureErrorWithLog (\node_modules\esbuild\lib\main.js:1476:15)
    at responseCallbacks.<computed> (\node_modules\esbuild\lib\main.js:622:9)
    at Socket.readFromStdout (\node_modules\esbuild\lib\main.js:600:7)
    at Socket.emit (node:events:520:28)
    at addChunk (node:internal/streams/readable:559:12)
    at readableAddChunkPushByteMode (node:internal/streams/readable:510:3)
    at Readable.push (node:internal/streams/readable:390:5)
    at Pipe.onStreamRead (node:internal/stream_base_commons:191:23)
    at loadMainConfig (.\node_modules\@storybook\core\dist\common\index.cjs:17511:11)
    at async buildDevStandalone (.\node_modules\@storybook\core\dist\core-server\index.cjs:37134:11)
    at async withTelemetry (.\node_modules\@storybook\core\dist\core-server\index.cjs:35757:12)
    at async dev (.\node_modules\@storybook\core\dist\cli\bin\index.cjs:2591:3)
    at async s.<anonymous> (.\node_modules\@storybook\core\dist\cli\bin\index.cjs:2643:74)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

I use next js version 14
I found answers for Vite but couldn't find one that suited me

Reproduction link

https://stackblitz.com/edit/github-p7lfsqcw?file=.storybook%2Fmain.ts,.storybook%2Fpreview.ts&preset=node

Reproduction steps

No response

System

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 AMD Ryzen 5 2600X Six-Core Processor
  Binaries:
    Node: 22.0.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD <----- active
    npm: 10.5.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (129.0.2792.89)
  npmPackages:
    @storybook/addon-essentials: 8.4.2 => 8.4.2
    @storybook/addon-interactions: 8.4.2 => 8.4.2
    @storybook/addon-onboarding: 8.4.2 => 8.4.2
    @storybook/blocks: 8.4.2 => 8.4.2
    @storybook/nextjs: ^8.4.2 => 8.4.7
    @storybook/preview-api: ^8.4.2 => 8.4.7
    @storybook/react: 8.4.2 => 8.4.2
    @storybook/test: 8.4.2 => 8.4.2
    eslint-plugin-storybook: ^0.11.0 => 0.11.1
    storybook: 8.4.2 => 8.4.2

Additional context

No response

[greptile-apps]

** Disclaimer** This information might be inaccurate, due to it being generated automatically
This error occurs because esbuild is unable to process the TypeScript imports in your .storybook/main.ts file. For Next.js 14, modify your .storybook/main.ts to use the following format:

import type { StorybookConfig } from '@storybook/nextjs';

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

export default config;

Ensure you have @storybook/nextjs installed and that your TypeScript configuration (tsconfig.json) includes the Storybook directory.

About Greptile

This response provides a starting point for your research, not a precise solution.

Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

Edit Issue Bot Settings · Greptile

[ZhuravelAndreyVladimirov]

I switched to using "@storybook/nextjs": "8.4.1" and the problem was solved