这就是我工作的方式。

在我的例子中，我使用了一个没有定义类型的库：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编译器存储模块文件的位置。

这种方式对我有效：

1.在声明文件（例如index.d.ts）中添加自己的声明（可能在项目根目录下）

declare module 'Injector';

2.将index.d.ts添加到tsconfig.json

  {
    "compilerOptions": {
        "strictNullChecks": true,
        "moduleResolution": "node",
        "jsx": "react",
        "noUnusedParameters": true,
        "noUnusedLocals": true,
        "allowSyntheticDefaultImports":true,
        "target": "es5",
        "module": "ES2015",
        "declaration": true,
        "outDir": "./lib",
        "noImplicitAny": true,
        "importHelpers": true
      },
      "include": [
        "src/**/*",
        "index.d.ts",   // declaration file path
      ],
      "compileOnSave": false
    }

您可能需要创建扩展名为.d.ts的文件。

将此文件名推送到tsconfig.json文件的include键下：

  "include": [
    "src",
    "index.d.ts"
  ]

这应该是工作

在我看来，解决这个问题的三种不同方法都不起作用。一旦在package.json中将“type”设置为“module”，那么它将符合ES module而不是CommonJS语法。我能够根据package.json设置使用ES模块语法来解决这个问题。

import ws from 'ws'

export const create = (/** @type {string} */ accessToken) => {
    const WebSocket = ws;
    return new WebSocket(endpoint, accessToken, sslOptions);
}

这样，您就可以在“ws”模块中使用WebSocket类。这是一个节点模块的示例，但基本上可以将任何类型的节点模块和函数放在其中。

下面这些对我不起作用：

npm安装-D@types/module名称const foo=require（'模块名称'）；

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

tsconfig.json中的配置

"noImplicitAny": true,
"allowJs": true

解决方案：您所要做的就是编辑TypeScript Config文件tsconfig.json，并添加一个新的键值对作为

"compilerOptions": {
"noImplicitAny": false
}