这就是我工作的方式。

在我的例子中，我使用了一个没有定义类型的库：react mobile datepicker

a.在/src中创建文件夹。在我的例子中，我使用了以下路径：/src/typengs/。

b.创建.dts文件。例如：/src/typerings/react-mobile-datepicker.dts

c.我使用以下代码扩展其财产并使其类型安全：

declare module 'react-mobile-datepicker' {
  class DatePicker extends React.Component<DatePickerProps, any> {}

  interface DatePickerProps {
    isPopup?: boolean;
    theme?: string;
    dateConfig?: DatePickerConfig;
  }

  export interface DatePickerConfig {
    prop1: number;
    pro2: string;
  }
  export default DatePicker;
}

d.按照通常使用第三方库的方式导入类型。

import DatePicker, { DatePickerConfig, DatePickerConfigDate } from 'react-mobile-datepicker';

e.更改tsconfig.json并添加以下代码：

{
  "compilerOptions": {
    //...other properties
    "typeRoots": [
      "src/typings",
      "node_modules/@types"
    ]
  }}

链接到我用作来源的文章：

https://templecoding.com/blog/2016/03/31/creating-typescript-typings-for-existing-react-components

https://www.credera.com/insights/typescript-adding-custom-type-definitions-for-existing-libraries

import { io, Socket,SocketIOClient } from 'socket.io-client';

在component.ts之上添加这个在我的案例中是有效的。

一个简单的解决方案：

// example.d.ts
declare module 'foo';

如果要声明对象的接口（推荐用于大型项目），可以使用：

// example.d.ts
declare module 'foo'{
    // example
    export function getName(): string
}

如何使用？易于理解的

const x = require('foo') // or import x from 'foo'
x.getName() // intellisense can read this

如果您已经安装了模块，但仍然收到错误，一个简短而简单的解决方案是通过在该行上方添加以下行来忽略错误消息

// @ts-ignore: Unreachable code error

在大多数情况下，您可能会为依赖项安装一个类型包，无论是哪种方式，都可以在tsconfig.json文件中添加allowJs->true

从Typescript文档中：

注意，“typings”字段与“type”同义，也可以使用。

还要注意，如果主声明文件名为index.d.ts，并且位于包的根目录（index.js旁边），则不需要标记types属性，尽管这样做是明智的。

由于某种原因，我的“types”属性指向一些main.d.ts。从package.json中删除该行，它开始工作。