素材巴巴 > 程序开发 >

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

程序开发 2023-09-15 12:54:12

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


标签:

上一篇: Vue 3.0对Web开发的影响 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。