TypeScript 引入第三方包,报无法找到模块错误
阅读原文时间:2021年10月14日阅读:1

以 react-router-dom 模块为例

1. npm加上 @types/

根据报错提示尝试安装该库的TypeScript版本 (该库的 ts 声明文件),也就是在该库的名称前加上 @types/

npm install @types/XXX
or
yarn add @types/XXX

//本例中
npm install @types/react-router-dom

在方法一可行的情况下,推荐使用方法一但是,不是所有的第三方库都有 TypeScript 的版本,所以方法一不能保证百分百有效,如果方法一不奏效,那么我们来看一下方法二。

2. 添加配置文件

新建文件夹src/@types/,在 src 目录新建@types目录,在其中编写.d.ts声明文件,声明文件会自动被识别,可以在此为一些没有声明文件的模块编写自己的声明文件。

本例子为 react-router-dom.d.ts

声明模块类型

declare module 'XXX' {
  const content: any
  export = content
}

//本例中
declare module 'react-router-dom' {
  const content: any
  export = content
}

实际上在 tsconfig include 字段包含的范围内编写 .d.ts,都将被自动识别。在x.js相同目录创建同名声明文件x.d.ts,这样也会被自动识别;typings 声明管理器,了解不多,已经不推荐使用。(楼主使用无效,想要尝试可看TypeScript 引入第三方包,报无法找到模块错误

--

引用:

TypeScript 中的声明文件

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章