pnpm storybook报错 ERR! Error: Cannot find module ‘/node_modules/config/webpack.config‘

问题描述：

1. 创建 create-react-app 项目

pnpx create-react-app app

2. 集成 storybook 进来

cd app
pnpx sb init

3. 后切换到 pnpm 运行就无法运行 storybook

rm -rf node_modules
pnpm i
pnpm run storybook

报错如下：

info => Loading presets
info => Serving static files from ./public at /
info Addon-docs: using MDX1
info => Loading Webpack configuration from `node_modules`
info => Removing existing JavaScript and TypeScript rules.
ERR! Error: Cannot find module '/Users/username/Documents/working/app/node_modules/config/webpack.config'
ERR! Require stack:

解决方法：

修改 .storybook/main.js 文件

addons: [
  "@storybook/addon-links",
   "@storybook/addon-essentials",
   "@storybook/addon-interactions",
   "@storybook/preset-create-react-app" // 删除
 ],

修改后：

addons: [
   "@storybook/addon-links",
   "@storybook/addon-essentials",
   "@storybook/addon-interactions",
 ],

参考链接