请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

正在回答 回答被采纳积分+3

3回答

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

同学你好

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

https://img1.sycdn.imooc.com//szimg/62df45b4091a457808680630.jpg

0 回复 有任何疑惑可以回复我~
张轩 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 文件夹,手动找一下。


0 回复 有任何疑惑可以回复我~
  • 提问者 imoocGly #1
    按照上面的解决方案,npm storybook init 的时候问题不报一堆types的错误了,但是npm publish的时候还是一样的
    回复 有任何疑惑可以回复我~ 2022-07-25 09:16:03
  • 提问者 imoocGly #2
    第二种解决方案应该怎么匹配webpack 和@types 的版本呢?
    回复 有任何疑惑可以回复我~ 2022-07-25 09:42:23
张轩 2022-07-23 08:58:02

同学你好

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

0 回复 有任何疑惑可以回复我~
  • 提问者 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新建的项目
    回复 有任何疑惑可以回复我~ 2022-07-23 11:08:49
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信