记录一下ts项目.d.ts声明文件问题解决

6,723 阅读1分钟

参考 如何修改 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-packagenpm 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