Storybook 8 + PNPM + Next.js依赖无法解析问题求助

在我的Next.js项目中尝试使用Storybook 8与PNPM时，遇到多个Storybook依赖无法解析的错误。尽管已尝试多种排查方法，问题仍未解决。

环境信息 #

• Node: v20.15.0
• PNPM: 8.15.6
• NPM: 10.7.0
• Next.js: v14.2.4
• OS: MacOS 13.2.1

package.json 中的Storybook开发依赖 #

{
  "@chromatic-com/storybook": "^1.6.0",
  "@storybook/addon-essentials": "^8.1.11",
  "@storybook/addon-interactions": "^8.1.11",
  "@storybook/addon-links": "^8.1.11",
  "@storybook/addon-onboarding": "^8.1.11",
  "@storybook/blocks": "^8.1.11",
  "@storybook/nextjs": "^8.1.11",
  "@storybook/react": "^8.1.11",
  "@storybook/test": "^8.1.11",
  "eslint-plugin-storybook": "^0.8.0",
  "storybook": "^8.1.11"
}

预期行为 #

Storybook可正常启动无报错。

实际行为 #

运行Storybook时出现大量依赖无法解析错误，提示Yarn Plug'n'Play清单禁止导入未列为依赖的包，如@storybook/addon-toolbars、@storybook/global等，共15项错误，最终构建失败。

已尝试的解决方法 #

• 创建新的React+PNPM项目并使用Storybook，仍出现相同错误；
• 重新安装Node、NPM，移除Yarn，重新安装PNPM和Corepack；
• 清除PNPM缓存；
• 重新安装依赖；
• 尝试不同版本的PNPM；
• 确保所有必要依赖已显式列在package.json中；
• 在本地创建新的Next.js+PNPM+Storybook项目，仍出现相同问题。

怀疑问题与Storybook相关，但不知如何进一步排查，恳请提供解决指导。

内容的提问来源于stack exchange，提问作者Yassine Chettouch