解决.d.ts文件无法被找到的问题

  • Post author:
  • Post category:其他


参考

如何修改 node_modules 里的文件(同事看了直呼内行)



问题

在使用dumi开发开源框架的时候遇到无法找到模块 xxx 的声明文件,

image.png

一直以来都是使用@types/xxx跟创建一个.d.ts来解决的

image.png

但这次加了不生效,仍然还是无法找到模块 xxx 的声明文件,然后我就在src目录下创建一个types.d.ts,之后编译器不再报错了,我以为就这样解决了,但是在打包的时候。

image.png

他又报错了,打包不了。



解决

最后没办法了,直接去node_modules里面源文件添加一个.d.ts文件,这时打包跟编译器报错都解决了,但是防止下一位同事打包能正常打包,就去找了一下保存node_modules的解决方案。

具体是通过

patch-package

这个npm包来实现的。



使用patch-package实现

1、先安装

patch-package



npm i patch-package --save-dev

image.png

出问题了,换

yarn add patch-package --save-dev

2、修改

package.json

,新增命令

postinstall

:

“scripts”: {


“postinstall”: “patch-package”

}

3、修改node_modules对应代码。

4、执行命令:

npx patch-package 你对应的包名

比如我的

npx patch-package rc-util

image.png

又出问题了,去找一下GitHub,

yarn – TypeError: Cannot read property ‘dependencies’ of undefined

有点相似,最后使用

yarn patch-package rc-util --use-yarn

image.png

终于成功了,目录下也成功出现了这个文件。

image.png

最后去试了一下删除node_modules,重新安装一下

image.png

image.png

新增的.d.ts文件回来了。具体用法查看

patch-package



版权声明:本文为qq_39400400原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。