如何为具有默认导出的模块编写类型定义

Question

我想为storybook-router 写一个类型定义。它不需要那么准确，因为这是一个小型开发工具（即anys 是可以接受的），但我什至无法让它工作。

我要表达的是：

import StoryRouter from 'storybook-router';

...其中StoryRouter 是一个匹配来自@types/storybook__react 的接口StoryDecorator 的函数。

我尝试了以下定义文件：

import { StoryDecorator } from '@storybook/react';

declare type StoryRouter = StoryDecorator;

export default StoryRouter;

不幸的是，这会导致以下错误：

TS7016：找不到模块“storybook-router”的声明文件。 '//node_modules/storybook-router/dist/StoryRouter.js' 隐含了一个 'any' 类型。 尝试npm install @types/storybook-router（如果存在）或添加包含declare module 'storybook-router'; 的新声明（.d.ts）文件

但是，如果我使用最后一个示例 (declare module 'storybook-router')，我似乎无法弄清楚如何设置默认导出。

表示这种类型的正确方法是什么？

Answer 1

您无需导入 .d.ts 文件，只需声明模块即可。
通常，它看起来像这样（任何最简单的用例）：

// storybook-router.d.ts
declare module 'storybook-router' {
    const StoryDecorator:any;
    export default StoryDecorator;
}