为第三方模块写声明文件:
1. 安装我们今天实验的模块 indexof
![](https://img.haomeiwen.com/i13091615/f92358446ce1d96a.png)
2. 当我们引入indexof模块时,编辑器报错(没有对应的声明文件)
![](https://img.haomeiwen.com/i13091615/a588af3f903c012c.png)
我们可以尝试使用npm install @type/indexof 命令来安装声明文件
3. 如果使用npm 安装失败,则需要我们手动编写声明文件。这里修改ts配置文件选项
![](https://img.haomeiwen.com/i13091615/d606bb4135c84cf6.png)
baseUrl:用于设置解析非相对模块名称的基本目录,相对模块不会受baseUrl影响
paths:paths用于设置模块名到基于baseUrl的路径映射
(有点拗口,反正上面配置文件的意思是匹配所有的模块,到./node_modules/@types和./typings/*下找声明文件)
4. 去typings目录下新建indexof/index.d.ts文件。书写声明文件
![](https://img.haomeiwen.com/i13091615/21c9d0e29094449f.png)
5. 完美运行
![](https://img.haomeiwen.com/i13091615/0a77f0d91292a2a4.png)
网友评论