TurboRepo Monorepo中Storybook跨包引用stories提示“story not found”问题求助
TurboRepo Monorepo中Storybook跨包引用stories提示“story not found”问题求助
大家好,我目前正在给TurboRepo monorepo里的UI库集成Storybook,选用的渲染器是@storybook/react-native-web-vite。按照TurboRepo文档的指引,我尝试引用monorepo中packages目录下的stories文件,但遇到了一个奇怪的问题:UI上始终提示“story not found”,但终端里完全没有相关报错信息。
我已经做了这些排查动作:
- 用glob包验证过配置里的stories路径是正确的,能精准匹配到目标文件
- 试过换成绝对路径配置,但问题依然没有解决
下面是我的相关配置和文件内容,麻烦大家帮忙看看哪里可能出问题了:
Storybook主配置文件(main.ts)
import { join, dirname } from "path"; import type { StorybookConfig } from "@storybook/react-native-web-vite"; import { createRequire } from "module"; const require = createRequire(import.meta.url); /** * This function is used to resolve the absolute path of a package. * It is needed in projects that use Yarn PnP or are set up within a monorepo. */ function getAbsolutePath(value) { return dirname(require.resolve(join(value, "package.json"))); } const config: StorybookConfig = { stories: ["../../../packages/ui/src/**/*.stories.@(js|jsx|mjs|ts|tsx)"], addons: [ getAbsolutePath("@chromatic-com/storybook"), getAbsolutePath("@storybook/addon-vitest"), ], framework: { name: getAbsolutePath("@storybook/react-native-web-vite"), options: {}, }, }; export default config;
示例Story文件(Button.stories.tsx)
import { Meta } from "@storybook/react-native-web-vite"; import Button from "../Button"; const meta: Meta<typeof Button> = { title: "Button", component: Button, }; export default meta;
sb info命令输出
System: OS: macOS 15.5 CPU: (12) arm64 Apple M2 Max Shell: 5.9 - /bin/zsh Binaries: Node: 23.4.0 - ~/.nvm/versions/node/v23.4.0/bin/node npm: 11.4.2 - ~/.nvm/versions/node/v23.4.0/bin/npm pnpm: 10.12.1 - ~/Library/pnpm/pnpm <----- active Browsers: Safari: 18.5 npmPackages: @storybook/addon-a11y: ^9.0.11 => 9.0.11 @storybook/addon-docs: ^9.0.11 => 9.0.11 @storybook/addon-onboarding: ^9.0.11 => 9.0.11 @storybook/addon-vitest: ^9.0.11 => 9.0.11 @storybook/react-native-web-vite: ^9.0.11 => 9.0.11 storybook: ^9.0.11 => 9.0.11
除了上述配置之外,其他部分都是Storybook的常规设置,没有特殊改动。有没有朋友遇到过类似的问题,或者能从我的配置里发现潜在的问题点?
内容来源于stack exchange
相关产品推荐
相关产品推荐

