인프런 커뮤니티 질문&답변

node -v : 24

vite react.ts

storybook 10v
---

storybook setup 하고 난 이후 react-vite npm run dev를 실행하니

Failed to load preset: "@storybook/preset.js"■  Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@storybook/preset.js'
│  imported from ./node_modules/storybook/dist/_node-chunks/chunk-O7UZQAUS.js
│  at Object.getPackageJSONURL (node:internal/modules/package_json_reader:255:9)
│  at packageResolve (node:internal/modules/esm/resolve:767:81)
│  at moduleResolve (node:internal/modules/esm/resolve:853:18)
│  at defaultResolve (node:internal/modules/esm/resolve:983:11)
│  at nextResolve (node:internal/modules/esm/hooks:748:28)
│  at o (file://./node_modules/@tailwindcss/node/dist/esm-cache.loader.mjs:1:69)
│  at nextResolve (node:internal/modules/esm/hooks:748:28)
│  at Hooks.resolve (node:internal/modules/esm/hooks:240:30)
│  at handleMessage (node:internal/modules/esm/worker:199:24)
│  at Immediate.checkForMessages (node:internal/modules/esm/worker:141:28)

이런 에러가 뜹니다.
.storybook/main.ts 는

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

const config: StorybookConfig = {
  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
  addons: [
    "@chromatic-com/storybook",
    "@storybook/addon-vitest",
    "@storybook/addon-a11y",
    "@storybook/addon-docs",
    "@storybook/addon-onboarding",
  ],
  framework: "@storybook/react-vite",
  core: {
    builder: "@storybook/builder-vite", // 👈 The builder enabled here.
  },
};
export default config;

이렇게 설정해 놓았고,
npm install @storybook/builder-vite --save-dev 해놓은 상태입니다.

이유를 찾고싶은데 못찾아 qa 남깁니다.