You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 09:14:33