在我看来，解决这个问题的三种不同方法都不起作用。一旦在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

我已经尝试了这里的一切，但对我来说，这是一个完全不同的问题：我必须从*.d.ts中删除任何导入语句：

import { SomeModuleType } from '3rd-party-module';

删除错误后。。。

澄清：当我们在*.d.ts文件中声明一个模块时，Typescript编译器会自动将其作为环境模块（不需要显式导入的模块）。一旦我们指定了导入。。。从…起该文件现在成为一个正常（ES6）模块，因此不会自动拾取。因此，如果您仍然希望它作为环境模块，请使用不同的导入样式，如下所示：

type MyType: import('3rd-party-module').SomeModuleType;

这就是我工作的方式。

在我的例子中，我使用了一个没有定义类型的库：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 * as html2pdf from 'html2pdf.js';

注释代码，将以下脚本文件保存在index.html中，如官方文档中所示。

<script src="https://rawgit.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.min.js"></script>

并在正在使用的组件中声明html2pdf变量。

declare var html2pdf: any;

就是这样。我在这个问题上纠结了两天，但最终得到了解决。

如果您正在导入一个第三方模块“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将进行编译。

在我看来，解决这个问题的三种不同方法都不起作用。一旦在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