1

我是打字稿的新手，我试图了解我做错了什么。

我已经安装了@types/tailwindcss 2.2.4 版，我正在尝试创建一个应该使用主题颜色的 toast，所以这里是代码：

import iziToast, {IziToastSettings} from "izitoast";
import resolveConfig from "tailwindcss/resolveConfig";
import tailwindConfig from "@base/tailwind.config" ;


class Toast {
    config = resolveConfig(tailwindConfig);
    colors = this.config.theme!.colors!;
    default: IziToastSettings = {
        messageColor: this.colors.white,
        iconColor: this.colors!.white,
        position: "topRight",
    }
}

但this.colors.white抛出一个错误说：

TS2339: Property 'white' does not exist on type 'TailwindThemeColors'

我TailwindThemeColors在@types/tailwindcss 中进行了跟踪，它是：

export type TailwindThemeGetter<T> = ((getters: { theme: any; negative: any; colors: any; breakpoints: any }) => T) | T;

export type TailwindThemeColors = TailwindThemeGetter<TailwindValuesColor>;

export interface TailwindValuesColor {
    readonly [key: string]: TailwindColorValue;
}

我从中删除了这部分((getters: { theme: any; negative: any; colors: any; breakpoints: any }) => T) |并且它工作了，但是你知道，这是一个外部包，不应该这样操作。

我试图了解我做错了什么？以及我删除的这行代码，因为我在研究 Typescript 文档时没有找到它。

有没有办法在不忽略错误的情况下设置正确的类型？

4

0 回答 0