解决 TypeScript 引入第三方包,报无法找到模块“XXX”的声明文件错误

Posted 微个日光日

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决 TypeScript 引入第三方包,报无法找到模块“XXX”的声明文件错误相关的知识,希望对你有一定的参考价值。

问题如下:

解决方法

方法一:

根据报错提示尝试安装该库的TypeScript版本 (该库的 ts 声明文件),也就是在该库的名称前加上 @types/
本例子为 npm install -D @types/bpmn-moddle
其它库如下: 

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

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

方法二:

1、在项目根目录新建 types 文件夹。

2、在 tsconfig.json 里的 include 添加上 types

3、在 typings 文件夹里新建类型声明文件,格式为 XXX.d.ts 本例子为 bpmn-moddle.d.ts

 

 4、声明模块类型

declare module 'XXX' 
  const content: any
  /// 这里的 content 可以根据自己的需要,添加需要的类型,这的话可以让 ts 更好的提示
  /**
  type content = 
    test: string
  
 */
  export = content

本例子为:

declare module 'bpmn-moddle' 
  const content: any
  export = content

 效果如下:

 

以上是关于解决 TypeScript 引入第三方包,报无法找到模块“XXX”的声明文件错误的主要内容,如果未能解决你的问题,请参考以下文章

解决 TypeScript 引入第三方包,报无法找到模块“XXX”的声明文件错误

在Python中出现这样的这样,第三方依赖包找不到,怎么解决

如何引入第三方jar包

Linux下编译maven工程,报外部jar包找不到的问题,已经使用extdirs引入了外部jar包,求助。

jar包冲突解决

Vue3+TypeScript项目报错: 找不到名称“require”。是否需要为节点安装类型定义?