typescript - 模块扩充中不允许导出和导出分配

Question

import { Request as ExpressRequest, Response as ExpressResponse } from 'express';
declare module 'kvl' {
    export = kvl;
}
declare const kvl: {
    ValidationDone:(param:(error: any, response: ExpressResponse) => void) => void;
}

模块扩充中不允许导出和导出分配。

我是在.d.ts里声明的，这样用不行吗？

Answer 1

模块增强:

Typescript 将此称为模块扩充:您正在使用现有模块并向其添加新定义。模块扩充有自己的语法:

• 您声明的模块必须与扩充模块同名
• 在模块内你不能导出任何东西

这在此处描述:https://github.com/Microsoft/TypeScript-Handbook/blob/fa9e2be1024014fe923d44b1b69d315e8347e444/pages/Declaration%20Merging.md#module-augmentation

按照文档，你的代码变成这样:

// file1.ts
import { Request as ExpressRequest, Response as ExpressResponse } from 'express';

// module name must be "express"
declare module 'express' {

    // this can't be an export
    const kvl : {
        ValidationDone:(param:(error: any, response: ExpressResponse) => void) => void;
      }
}

现在您已经扩充了 express 模块并可以像这样使用它:

// file2.ts
import {kvl} from "express";

// ...

模块化声明文件:

如果您不想将新类型注入(inject)到 express 模块中，您可以为新模块使用声明文件。 有多种类型，可以在这里找到一个很好的概述:https://www.typescriptlang.org/docs/handbook/declaration-files/library-structures.html

基本上，您必须检查代码是如何使用的，然后根据它调整您的声明。在您的情况下，您似乎想要将 kvl 作为模块导入。因此，您可以根据此示例文件定位自己:https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-d-ts.html

我已将您的代码更改为适当的语法。顺便说一句，这只在 .d.ts 文件中是正确的:

//kvl.d.ts
import { Request as ExpressRequest, Response as ExpressResponse } from 'express';

export as namespace kvl;

export const kvl : {
    ValidationDone:(param:(error: any, response: ExpressResponse) => void) => void;
    };

实现模块:

如果kvl 是您自己的代码，那么您不必使用声明文件。 Typescript 可以分析你的模块。生成具有正确类型的 kvl 常量的模块定义可能如下所示:

// kvl.ts
import { Request as ExpressRequest, Response as ExpressResponse } from 'express';
export const kvl : {
    ValidationDone:(param:(error: any, response: ExpressResponse) => void) => void;
    } = {ValidationDone: function(param){}};

请注意，模块自动将其文件名作为模块名。因此，上面的代码应该在一个名为 kvl.ts 的文件中。