带有 typescript es6 导入语法的 html-validator 模块

Question

我想用 es6 语法导入 html-validator 模块。

import validator from 'html-validator';

我收到此错误：

找不到模块“html-validator”的声明文件。 '.../node_modules/html-validator/index.js' 隐含地具有“任何”类型。尝试npm install @types/html-validator（如果存在）或添加包含declare module 'html-validator'; 的新声明（.d.ts）文件

所以@types/html-validator 不存在。

我已经在 .ds.ts 文件中声明了模块：

declare module 'html-validator' {
  export =  validator;
}

我又遇到了一个错误：

扩充中的模块名称无效。模块“html-validator”解析为“.../node_modules/html-validator/index.js”处的无类型模块，无法扩充

这是我的tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "lib": ["es6","dom"],
    "outDir": "build",
    "rootDir": "src",
    "strict": true,
    "esModuleInterop": true,
    "resolveJsonModule": true
  }
}

这很好用。

 const validator = require('html-validator');

但我更喜欢 es6 版本

Answer 1

据我所知，我在npm 上看不到像@types/html-validator 这样的包。

所以，我们必须自己声明它的类型。

即使是 html-validator 的 documentation 导入方式与下面的方式相同。

const validator = require('html-validator');

Answer 2

可能是其中一种对你有用：

import { validator } from "html-validator";

或

import { html-validator } from "html-validator";