为“chalk”包动态设置颜色时出现 TypeScript 错误

Question

chalk package 是 Node 中非常流行的终端样式。

我正在使用 TypeScript。我正在尝试动态设置颜色。但是我在编译时遇到 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

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

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'));

Answer 2

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

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

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

为“chalk”包动态设置颜色时出现 TypeScript 错误

TypeScript error when dynamically setting color for `chalk` package

javascript

types

node.js

typescript

chalk