我希望我的design-systems-utils模块包含 Typescript 类型，即使源代码不是使用 Typescript 编写的（我已经看到其他人已经这样做了）。
我已经在这里尝试过，但它不起作用。顺便说一句，我的模块导出了一个类......
declare class DesignSystem {
constructor(system: object, options?: object);
multiply(initial: number, multiplier: number): any;
get(val: string): any;
bp(bp: string): any;
z(z: string): any;
fontSize(size: string|number, toPxl?: boolean): string;
fs(size: string|number, toPxl?: boolean): string;
spacing(index: number): string;
space(index: number): string;
toPx(value: number, base: number, unit?: string): string;
pxTo(value: number, base: number): string;
color(hue:string, value:string): string;
designSystem: object;
interface options {
defaultUnit: string,
useModularScale: boolean,
fontSizeUnit: string
}
}
我还看到我应该将其作为模块导出，如下所示：
declare module "DesignSystem" {
export default class DesignSystem {
constructor(system: object, options?: object);
/*~ Multiply two items together */
multiply(initial: number, multiplier: number): any;
get(val: string): any;
bp(bp: string): any;
z(z: string): any;
fontSize(size: string|number, toPxl?: boolean): string;
fs(size: string|number, toPxl?: boolean): string;
spacing(index: number): string;
space(index: number): string;
toPx(value: number, base: number, unit?: string): string;
pxTo(value: number, base: number): string;
color(hue:string, value:string): string;
designSystem: object;
}
}
但这也行不通。
任何帮助将不胜感激。
原则上：
declare module "DesignSystem" { ...}
应该更改为您的 npm 模块的名称：
declare module "design-systems-utils" { ...}
这就是您告诉打字稿的方式“这是用户在“从 design-systems-utils”导入...时的类型”。当您需要从“外部”扩展库类型时，这非常有用。
但是，由于您的 package.json 有types: src/index.d.ts字段，我们甚至不需要它。Typescript 已经知道你的d.ts文件为哪个库提供了定义。
export default class DesignSystem {...}
应该够了。
您的第一次尝试声明了一个名为 DesignSystem的全局类。一般的经验法则是你d.ts应该反映你的 js 结构。所以如果你export default从 js 文件做，也从d.ts
（另外，感谢您为您的图书馆提供定义，您让世界变得更美好）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句