vue-cli添加tyscript后, 在TS文件内引入node_modules的包报错Could not find a declaration file fo

1,252 阅读1分钟

场景:

一: 控制台报错:

img

二: 错误代码:

img

原因:

一. 这是因为引入的node_modules包没有.d.ts这个类型申明文件.

解决办法很简单, 首先可以参考官方是这样解决的(自行点击自己项目文件看吧):

img

二. 而我们开发会有很多第三方包, 所以就把申明集成在文件夹内:

\1. src目录下 新建 @type文件夹 (这个名字也是遵循node_modules包内的定义申明存放文件夹的名字)

\2. @type目录下 新建 控制台报错的包名文件夹 (本文是v-click-outside-x举例)

\3. 新建.d.ts定义类型文件, 申明模块

img

三: 如上定义好申明字后, 让vscode识别申明路径

img

知道大家时间宝贵,这里方便大家复制:

"typeRoots": ["src/@types", "./node_modules/@types"]

"exclude": ["node_modules", "src/@types/**/*"]

参考来源:

TypeScript-给第三方库添加声明文件-知乎

TypeScript 给第三方库添加声明文件 2019.8更新