storybookjs/storybook

[Bug]: Neither '@/mixins/window.vue' nor '@/mixins/window.js(x)' or '@/mixins/window/index.js(x)' or '@/mixins/window/index.ts(x)' could be found in '/Users/something/Desktop/something/repos/vue3-playground/packages/storybook/src/components/Modules/MainNav'

Open

#21,691 创建于 2023年3月20日

在 GitHub 查看
 (5 评论) (0 反应) (0 负责人)TypeScript (89,909 star) (10,058 fork)batch import
bugbuilder-vitehelp wantedsev:S3vue3

描述

Describe the bug

When I try to import a js file that exists inside the src/ folder it seems to not be bundled or available to storybook in the client.

To Reproduce

image Create a file structure like this in storybook 7 and put js files inside it.

Type to import them in a vue component with the following alias: "@/mixins/file.js".

You get the following error: image image

System

Environment Info:

  System:
    OS: macOS 13.2.1
    CPU: (12) x64 Apple M2 Pro
  Binaries:
    Node: 18.14.0 - ~/.nvm/versions/node/v18.14.0/bin/node
    npm: 9.3.1 - ~/.nvm/versions/node/v18.14.0/bin/npm
  Browsers:
    Chrome: 111.0.5563.64
    Safari: 16.3
  npmPackages:
    @storybook/addon-actions: ^7.0.0-beta.47 => 7.0.0-rc.5
    @storybook/addon-essentials: ^7.0.0-beta.47 => 7.0.0-rc.5
    @storybook/addon-interactions: ^7.0.0-beta.47 => 7.0.0-rc.5
    @storybook/addon-links: ^7.0.0-beta.47 => 7.0.0-rc.5
    @storybook/testing-library: ^0.0.14-next.1 => 0.0.14-next.1
    @storybook/vue3: ^7.0.0-beta.47 => 7.0.0-rc.5
    @storybook/vue3-vite: ^7.0.0-beta.47 => 7.0.0-rc.5

Additional context

No response

贡献者指南

技术栈
vuevitejavascript
领域
frontendbuild system
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
VueViteStorybook
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
50
研究方向
The bug involves alias import resolution in Storybook's Vite builder (vue3 vite). Investigate the handling of '@' alias in Storybook's Vite plugin, possibly in code files like 'lib/builder vite/src/vite config.ts' or similar. Reproduce the issue in a minimal Storybook setup with Vue3 and Vite. Check if the issue is related to Storybook's alias resolution or Vite configuration merging.