Ошибка сборника рассказов: отсутствует спецификатор «./preview.js» в пакете «@storybook/react»

Я пытаюсь интегрировать сборник рассказов, реакцию, вите и TS.

При попытке запустить сборник рассказов в консоли появляется следующая ошибка:

Missing "./preview.js" specifier in "@storybook/react" package
4:02:06 PM [vite] Internal server error: Missing "./preview.js" specifier in "@storybook/react" package
  Plugin: vite:import-analysis

Мои истории хорошо обнаружены и перечислены, но предварительный просмотр показывает загрузчик бесконечного круга.

Я попытался создать новое веб-приложение в react/ts с помощью vite.

yarn create vite my-app --template react-ts

Затем я интегрировал сборник рассказов, просто запустив:

npx sb init --builder @storybook/builder-vite

У меня есть следующие зависимости разработчика:

    "@storybook/addon-essentials": "^7.0.17",
    "@storybook/addon-interactions": "^7.0.17",
    "@storybook/addon-links": "^7.0.17",
    "@storybook/blocks": "^7.0.17",
    "@storybook/builder-vite": "^7.0.17",
    "@storybook/react": "^7.0.17",
    "@storybook/react-vite": "^7.0.17",
    "@storybook/testing-library": "^0.0.14-next.2",

    "storybook": "^7.0.17",
    "typescript": "^5.0.2",
    "vite": "^4.3.9"

Я не нашел решения, нигде. Кто-нибудь здесь сталкивался с таким же?

Большое спасибо за вашу помощь


50
1

Ответ:

Решено

У меня была такая же проблема, и после некоторого поиска я нашел для нее проблему GitHub, которая подтверждает наличие ошибки в пакете: https://github.com/storybookjs/storybook/issues/23338.

Обновите vite до версии 4.4.1, это решило проблему для меня.