动态设置"粉笔"包颜色时出现 TypeScript 错误

Question

粉笔包在 Node 中的终端样式中非常流行。

我正在使用打字稿。我正在尝试动态设置颜色。但是我在编译时遇到 TS 错误。

法典：

import chalk, { Chalk } from 'chalk';
function getColor(): keyof Chalk {
let color: keyof Chalk = 'green';
color = 'yellow';
return color;
}
const chalkColor = getColor();
// Error on `chalk[chalkColor]`
console.log(chalk[chalkColor]('message'));

错误(chalk[chalkColor](：

This expression is not callable.
Not all constituents of type 'boolean | (Chalk & { supportsColor: ColorSupport; }) | (ChalkConstructor & Function) | Level | ((r: number, g: number, b: number) => Chalk & { supportsColor: ColorSupport; }) | ... 10 more ... | ((color: string) => Chalk & { ...; })' are callable.
Type 'false' has no call signatures.

如何解决此错误？

Answer 1

实际上，看起来 Chalk 比目前更容易。

https://developer.aliyun.com/mirror/npm/package/chalk

console.log( chalk.keyword(<colorVariableName>)(TextYouWantToLogOut) )

Answer 2

好的，所以我很快就想通了。但我会把这个问题留下来，以防万一有人有更好的解决方案。我使用了一个包含我打算使用的颜色的枚举。这似乎解决了这个问题。

import chalk from 'chalk';
enum ChalkColor {
Green = 'green',
Yellow = 'yellow',
}
function getColor(): ChalkColor {
let color = ChalkColor.Green;
color = ChalkColor.Yellow;
return color;
}
const chalkColor = getColor();
console.log(chalk[chalkColor]('message'));

---

另一种解决方案是使用(chalk[chalkColor] as Chalk)，如下所示：

import chalk, { Chalk } from 'chalk';
function getColor(): keyof Chalk {
let color: keyof Chalk = 'green';
color = 'yellow';
return color;
}
const chalkColor = getColor();
console.log((chalk[chalkColor] as Chalk)('message'));