在许多项目中，我面临着许多包的相同问题。所以我创建了Declarator，一个自动生成类型声明的npm包。

它基本上通过在后台运行tsc-emitDeclarationOnly来工作。

您可以从npm安装它：

npm install --save-dev declarator
yarn add -D declarator

然后创建一个简单的声明器.json文件：

{
  "$schema": "https://raw.githubusercontent.com/ArthurFiorette/declarator/master/schema.json",
  "packages": ["package1","package2"]
}

并创建一个脚本来运行它：

使用postinstall脚本将在每次安装包时运行它，这可能很有用

{
  "scripts": {
    "postinstall": "declarator"
  }
}

它不会生成强大的类型，在这一过程中您可能会遇到许多类型，但使用它比不使用它要好得多

阅读更多信息：https://github.com/ArthurFiorette/declarator#readme

我也得到了这一点，让我困惑了一段时间，即使已经安装了模块和类型，并多次重新加载了IDE。

在我的案例中，解决方法是终止终端进程，删除node_modules，清除节点包管理器缓存，重新安装，然后重新加载编辑器。

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

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

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

"main": "dist/index",

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

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

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

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

基于Retsam的回答，您还可以在Declarations.d.ts文件中使用通配符（*）。例如，如果您试图导入一个文件，例如.css或.webp文件，可以在文件类型声明的开头放置一个*。看起来像这样⤵︎

declare module '*.webp';

现在，您可以导入所需的所有.web文件，而不会出现任何linting错误。