按视频中的步骤安装storybook报如下一大堆错误，但是使用npm run story 可以执行成功，但是发布失败，请教如何解决

Question

Answer 1

张轩 2022-07-26 09:39:03

同学你好

你要修改的是 tsconfig.build.json 的配置（因为这个是build 时候的配置文件），在 compilerOptions 中添加 skipLibCheck 为 true，然后再运行 npm run build 就不会报错了。亲测可用，请看截图：

Answer 2

张轩 2022-07-24 10:06:54

同学你好 经查，每次 npm install 后会运行 build 命令。

首先 scripts 当中的 

"prepublish": "npm run build",
应该改成 "prepublishOnly"
这样就不会每次 npm 运行这两个命令

然后发现是 tsc 命令报错，我们之后也不会使用 tsc 了，而是 rollup，当然这个问题可以在这里找到讨论：

https://github.com/webpack/webpack/issues/12185

具体原因可以就是 webpack 和 @types/webpack 版本不匹配，解决方法，

1 是修改 tsconfig，让它不去检查 lib 的一些类型。

"skipLibCheck": true

2 修改 webpack 和其 @types 的对应版本，这个比较烦，因为是@types/webpack 是被依赖安装的，需要进入 node_modules 文件夹，手动找一下。

• 提问者 imoocGly #1

  按照上面的解决方案，npm storybook init 的时候问题不报一堆types的错误了，但是npm publish的时候还是一样的

• 提问者 imoocGly #2

  第二种解决方案应该怎么匹配webpack 和@types 的版本呢？

Answer 3

张轩 2022-07-23 08:58:02

同学你好

请你把代码库（git）发给我吧，我在本地帮你调试一下，谢谢

• 提问者 imoocGly #1

  https://github.com/jasmin2014/qed-sb/tree/v_sb_init   master分支是没有安装storybook的，v_sb_init是安装storybook的，安装的时候node_modules/@types/webpack/index.d.ts  这个文件报了89个错误，麻烦老师帮忙看看，这是今天用create-react-app新建的项目