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

来源:8-3 Storybook 创建第一个 story

imoocGly

2022-07-22

图片描述

写回答

3回答

张轩

2022-07-26

同学你好

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

//img.mukewang.com/szimg/62df45b4091a457808680630.jpg

0
0

张轩

2022-07-24

同学你好 经查,每次 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 文件夹,手动找一下。


0
2
imoocGly
第二种解决方案应该怎么匹配webpack 和@types 的版本呢?
2022-07-25
共2条回复

张轩

2022-07-23

同学你好

请你把代码库(git)发给我吧,我在本地帮你调试一下,谢谢

0
1
imoocGly
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新建的项目
2022-07-23
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2122 学习 · 959 问题

查看课程