[Bug]: 在'/Users/something/Desktop/something/repos/vue3-playground/packages/storybook/src/components/Modules/MainNav'中找不到'@/mixins/window.vue','@/mixins/window.js(x)','@/mixins/window/index.js(x)'或'@/mixins/window/index.ts(x)',

dw1jzc5e  于 3个月前  发布在  其他
关注(0)|答案(5)|浏览(66)

描述bug

当我尝试导入位于src/文件夹内的js文件时,它似乎没有被捆绑或在客户端的storybook中可用。

重现问题

创建一个类似于以下结构的文件结构,并将其放在storybook 7中。
在具有以下别名的vue组件中导入它们:"@/mixins/file.js"。
你将得到以下错误:

系统信息

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

其他上下文

  • 无响应*
gcmastyq

gcmastyq1#

在 "@storybook/vue" 和 vite 中都出现了相同的警告:"^6.5.16"。这个警告仅针对 mixins,其他使用别名的导入则不会出现任何警告。更奇怪的是,尽管 mixins 实际上可以正常工作,但 storybook 仍然出于某种原因显示这些警告。

soat7uwm

soat7uwm2#

Also getting this with storybook 7.0 / vite

c6ubokkw

c6ubokkw3#

同样存在这个问题。Old discussions and solutions与vueDocsGen似乎没有帮助,但它可能仍然相关。
编辑:实际上,我犯了一个小错误。旧的提示仍然有效。将你的别名传递给vueDocgenOptions:

{
      name: '@storybook/addon-docs',
      options: {
        // This is needed to avoid some warnings
        // https://github.com/storybookjs/storybook/issues/9615
        vueDocgenOptions: {
          alias: {
            '~~': rootPath
          },
        },
      },
    },
8ftvxx2r

8ftvxx2r4#

编辑:实际上,我犯了一个小错误。旧的提示仍然有效。将你的别名传递给vueDocgenOptions:
这个看起来很有希望,但不幸的是我没能成功。

xvw2m8pv

xvw2m8pv5#

同样存在这个问题。Old discussions and solutions 与 vueDocsGen 似乎没有帮助,但它可能仍然相关。
编辑:实际上,我犯了一个小错误。旧的提示仍然有效。将你的别名传递给 vueDocgenOptions :

{
      name: '@storybook/addon-docs',
      options: {
        // This is needed to avoid some warnings
        // https://github.com/storybookjs/storybook/issues/9615
        vueDocgenOptions: {
          alias: {
            '~~': rootPath
          },
        },
      },
    },

这是为 Vite storybook @lopis 吗?我在 storybook 7.6.17 和 vite 4.1.4 上确实遇到了同样的问题。

相关问题