Как решить importers[path] не является функцией для чистой установки Vue 3/Vite/Storybook

После следующих шагов

установите чистое приложение Vue3/Vite, как описано в документации (приложение Vue работает правильно)
установите Storybook, как описано в документации
запустить сборник рассказов (npm run storybook)

Я столкнулся со следующей ошибкой:

importers[path] is not a function


TypeError: importers[path] is not a function
    at StoryStore2.importFn (http://localhost:6006/virtual:/@storybook/builder-vite/storybook-stories.js:6:31)
    at StoryStore2.loadCSFFileByStoryId (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-WS7C7QNU.js?v=58e9ae5a:2297:19)
    at StoryStore2._callee2$ (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-WS7C7QNU.js?v=58e9ae5a:2355:29)
    at tryCatch (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-IKIHLHDP.js?v=58e9ae5a:46:44)
    at Generator.invoke (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-IKIHLHDP.js?v=58e9ae5a:213:26)
    at Generator.next (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-IKIHLHDP.js?v=58e9ae5a:87:25)
    at asyncGeneratorStep2 (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-WS7C7QNU.js?v=58e9ae5a:2140:24)
    at _next (http://localhost:6006/node_modules/.vite-storybook/deps/chunk-WS7C7QNU.js?v=58e9ae5a:2158:9)

Что здесь может быть не так и как это можно решить?

vue.js vite storybook

01.02.2023 15:28

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

По-видимому, следующие шаги создадут чистую установку Vue 3/Vite/Storybook:

npm создать vite@latest
- Название проекта: <project name>
- Выберите фреймворк: Vue
- Выберите вариант: Машинопись
компакт-диск <project name>
установка нпм
npx сборник рассказов init --builder @storybook/builder-vite --type vue3
npm install @storybook/[email protected] --save-dev (истории mdx не работают с версией 0.4)
сборник рассказов о запуске npm

Он создает следующий package.json:

{
  "name": "Test project",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc && vite build",
    "preview": "vite preview",
    "storybook": "start-storybook -p 6006",
    "build-storybook": "build-storybook"
  },
  "dependencies": {
    "vue": "^3.2.45"
  },
  "devDependencies": {
    "@babel/core": "^7.20.12",
    "@storybook/addon-actions": "^6.5.16",
    "@storybook/addon-essentials": "^6.5.16",
    "@storybook/addon-interactions": "^6.5.16",
    "@storybook/addon-links": "^6.5.16",
    "@storybook/builder-vite": "^0.3.0",
    "@storybook/testing-library": "^0.0.13",
    "@storybook/vue3": "^6.5.16",
    "@vitejs/plugin-vue": "^4.0.0",
    "babel-loader": "^8.3.0",
    "typescript": "^4.9.3",
    "vite": "^4.1.0",
    "vue-loader": "^16.8.3",
    "vue-tsc": "^1.0.24"
  }
}

07.02.2023 14:13

Другие вопросы по теме

Плагин Vite pwa не работает в среде разработки для реагирующих приложений

Почему Vite/TS объединяет как производственную, так и разрабатываемую версии среды выполнения react-jsx?

Изменить цвет svg с помощью vite-plugin-svgr

Как использовать переменные окружения в Sveltekit 1.0?

Невозможно объявить интерфейс в React, Typescript и Vite

Как правильно настроить веб-приложение Vite, Express, Tailwind

Vite обслуживает файл шейдера с неправильным (отсутствующим) типом MIME

Как установить несколько псевдонимов в vite?

Как сделать именованные слоты в проекте Vue3?

Vue — получить изображения UiKit в сборке Vite

Как решить importers[path] не является функцией для чистой установки Vue 3/Vite/Storybook

Ответы 1

Другие вопросы по теме

Похожие вопросы