[Bug]:由于缺少@storybook/manager/globals,Addon构建失败于8.2.5

crcmnpdw  于 2个月前  发布在  其他
关注(0)|答案(1)|浏览(30)

描述bug

#28647的问题相同。该问题似乎在8.2.5版本中由#28650修复,但实际上并未修复。

复现链接

https://stackblitz.com/~/github.com/sulco/storybook-addon-kit-repro?file=tsup.config.ts

复现步骤

访问上述链接。它应该会自动运行npm i && npm start。安装完成后运行构建,你应该能看到错误信息。

系统环境

Storybook Environment Info:

  System:
    OS: Linux 5.10 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.11.0 - /usr/bin/node
    Yarn: 1.22.19 - /mnt/c/Program Files/nodejs/yarn
    npm: 10.2.4 - /usr/bin/npm
    pnpm: 9.4.0 - /usr/bin/pnpm <----- active
  Browsers:
    Chrome: 120.0.6099.129
  npmPackages:
    @storybook/addon-docs: ^8.2.5 => 8.2.5 
    @storybook/blocks: ^8.2.5 => 8.2.5 
    @storybook/components: ^8.2.5 => 8.2.5 
    @storybook/core-events: ^8.2.5 => 8.2.5 
    @storybook/icons: ^1.2.9 => 1.2.9 
    @storybook/manager: ^8.2.5 => 8.2.5 
    @storybook/manager-api: ^8.2.5 => 8.2.5 
    @storybook/preview: ^8.2.5 => 8.2.5 
    @storybook/preview-api: ^8.2.5 => 8.2.5 
    @storybook/react: ^8.2.5 => 8.2.5 
    @storybook/react-vite: ^8.2.5 => 8.2.5 
    @storybook/types: ^8.2.5 => 8.2.5 
    storybook: ^8.2.5 => 8.2.5

附加信息

  • 无响应*
holgip5t

holgip5t1#

免责声明
由于信息是自动生成的,可能存在不准确的情况。
要解决缺少 @storybook/manager/globals 的问题,请按照以下步骤操作:

  1. 检查导入路径:确保代码库中 @storybook/manager/globals 的导入路径正确。它应该从 @storybook/manager 导入。
  2. 更新依赖项:验证 package.json 中所有与 Storybook 相关的依赖项是否已更新到版本 8.2.5
  3. 修改 storybook-metadata.ts:在文件 code/core/src/telemetry/storybook-metadata.ts 中,确保 storybookPackages 对象包含 @storybook/manager/globals 的正确路径。
const storybookPackages = Object.keys(allDependencies)
  .filter((dep) => dep.includes('storybook') && !addonNames.includes(dep))
  .reduce((acc, dep) => {
    return {
      ...acc,
      [dep]: { version: undefined },
    };
  }, {}) as Record<string, Dependency>;

const storybookPackageVersions = await getActualPackageVersions(storybookPackages);
storybookPackageVersions.forEach(({ name, version }) => {
  storybookPackages[name].version = version;
});
  1. 重建项目:在进行这些更改后,重新构建项目以确保问题得到解决。

参考资料

/.github/DISCUSSION_TEMPLATE/help.yml
/code/core/src/csf-tools/ConfigFile.test.ts
/code/addons/measure/package.json
/docs/_snippets/storybook-a11y-register.md
/code/core/src/server-errors.ts
/code/frameworks/angular/src/builders/build-storybook/schema.json
/.github/comments/invalid-link.md
/docs/versions/next.json
/docs/contribute/how-to-reproduce.mdx
/.github/DISCUSSION_TEMPLATE/ideas.yml
/code/addons/docs/angular
/code/lib/cli/src/automigrate/fixes/new-frameworks.ts
/test-storybooks/server-kitchen-sink/stories/kitchen_sink.stories.json
/code/core/src/telemetry/storybook-metadata.ts
/code/core/src/manager-api/tests/versions.test.js
/code/lib/cli/src/automigrate/index.test.ts
/code/addons/onboarding/package.json
/docs/addons/addon-migration-guide.mdx
/code/core/src/core-server/utils/mockdata/errors/NoMeta.stories.ts
/code/lib/cli/src/automigrate/fixes/prompt-remove-react.ts
/code/addons/storysource/package.json
/code/lib/cli/src/automigrate/fixes/addons-api.test.ts
/docs/_snippets/custom-build-script-production.md
/code/lib/cli/src/automigrate/fixes/mdx-gfm.test.ts
/code/addons/docs/template/stories/docspage

关于 Greptile

此响应为您提供研究的起点,而非精确解决方案。
帮助我们改进!如果这有帮助,请留下一个👍,如果无关紧要,请留下一个👎。

相关问题