一个简单的解决方案：

// 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

这就是我工作的方式。

在我的例子中，我使用了一个没有定义类型的库：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

对于安装自己的npm包的情况

如果您使用的是第三方软件包，请参阅下面的答案。

从package.json中的“main”：“dist/index.js”中删除.js。

"main": "dist/index",

还可以根据TypeScript文档在package.json中添加打字员：

"main": "dist/index",
"typings": "dist/index",

文件夹dist是TS编译器存储模块文件的位置。

还有两种解决方案

如果模块不是您的，请尝试从@types安装类型：

npm install -D @types/module-name

如果出现上述安装错误，请尝试更改import语句以要求：

// import * as yourModuleName from 'module-name';
const yourModuleName = require('module-name');

如果需要快速修复，只需将其添加到导入行之前：

// @ts-ignore

如果您正在导入一个第三方模块“foo”，该模块在库本身或@types/foo包（从DefinelyTyped存储库生成）中不提供任何类型，那么可以通过在扩展名为.d.ts的文件中声明该模块来消除此错误。TypeScript在与普通.ts文件相同的位置查找.d.ts文件：如tsconfig.json中的“files”、“include”和“exclude”下所指定。

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

然后，当您导入foo时，它将被键入为any。

或者，如果你想自己打字员，你也可以这样做：

// foo.d.ts
declare module 'foo' {
    export function getRandomNumber(): number
} 

然后将正确编译：

import { getRandomNumber } from 'foo';
const x = getRandomNumber(); // x is inferred as number

您不必为模块提供完整的打字员，只需为您实际使用的位提供足够的打字（并且需要正确的打字），因此如果您使用的API量相当少，那么这特别容易。

另一方面，如果您不关心外部库的打字员，并且希望将所有没有打字员的库作为任何库导入，则可以将其添加到扩展名为.d.ts的文件中：

declare module '*';

这样做的好处（也有缺点）是，您可以完全导入任何内容，TS将进行编译。