如果导入不适用于您

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;

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

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

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

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

这应该是工作

由于Javascript中缺少约束，TypeScript基本上是在实现规则并向代码中添加类型，以使代码更清晰、更准确。TypeScript要求您描述数据，以便编译器可以检查代码并查找错误。编译器将告诉您是否使用了不匹配的类型，是否超出了范围或试图返回不同的类型。因此，当您使用TypeScript的外部库和模块时，它们需要包含描述代码中类型的文件。这些文件被称为扩展名为d.ts的类型声明文件。npm模块的大多数声明类型都已编写，您可以使用npm install@types/module_name（其中module_name是要包含其类型的模块的名称）来包含它们。

但是，有些模块没有它们的类型定义，为了消除错误并使用import*作为“模块名”中的模块名导入模块，请在项目的根目录中创建一个文件夹类型，在其中创建一个带有模块名的新文件夹，并在该文件夹中创建模块名.d.ts文件并写入声明模块“模块名。”。之后，只需转到tsconfig.json文件，在compilerOptions中添加“typeRoots”：[“../../typings”，“../../node_modules/@types”]（具有文件夹的正确相对路径），让TypeScript知道在哪里可以找到库和模块的类型定义，并在文件中添加一个新属性“exclude”：[。下面是一个tsconfig.json文件的示例：

{
    "compilerOptions": {
        "module": "commonjs",
        "noImplicitAny": true,
        "sourceMap": true,
        "outDir": "../dst/",
        "target": "ESNEXT",
        "typeRoots": [
            "../../typings",
            "../../node_modules/@types"
        ]
    },
    "lib": [
            "es2016"
    ],
    "exclude": [
        "../../node_modules",
        "../../typings"
    ]
}

通过这样做，错误将消失，您将能够遵守最新的ES6和TypeScript规则。

还有两种解决方案

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

npm install -D @types/module-name

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

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

创建具有任意名称和.d.ts扩展名的文件。

例如：index.d.ts

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

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

这就是我工作的方式。

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