zoukankan      html  css  js  c++  java
  • TypeScript 引入第三方包,报无法找到模块错误

    以 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 中的声明文件

  • 相关阅读:
    【互联网的一些事】
    ASP.NET
    C#、ASP.NET、WinForm
    ASP.NET
    ASP.NET
    ASP.NET
    我用过的Linux命令--修改主机名
    我用过的Linux命令--关闭防火墙
    Hadoop学习笔记(2)hadoop框架解析
    Hadoop学习笔记(1)概述
  • 原文地址:https://www.cnblogs.com/xym4869/p/13323483.html
Copyright © 2011-2022 走看看