迹忆客 专注技术分享

“ Type 'X' is not assignable to type 'boolean' ” 当将非布尔值分配给需要布尔值的值时，会发生 TypeScript 错误。 要解决该错误，需要将值转换为布尔值或使用类型保护在赋值之前验证该值是否为布尔值。

下面是错误如何发生的示例。

const str = 'hello';

// ⛔️ Error: Type 'string' is not
// assignable to type 'boolean'.ts(2322)
const bool: boolean = str;

str 变量存储一个字符串，而 bool 变量期望被分配一个布尔值。

两个值的类型不兼容，所以会抛出错误。

为了解决这个错误，我们必须确保赋值两侧的值具有兼容的类型。

例如，我们可以通过将值转换为布尔值来实现。

const str = 'hello';

const bool: boolean = Boolean(str);

console.log(bool); // 👉️ true

通过将值转换为布尔值，我们确保赋值的两侧具有兼容的类型。

如果该值可以是布尔值但也可以是另一种类型，则可以在赋值之前使用类型保护。

const example = 'hello';

const bool: boolean = typeof example === 'boolean' ? example : false;

console.log(bool); // 👉️ false

我们使用三元运算符来检查示例变量是否具有布尔类型。

如果是，则将其分配给 bool 变量，否则我们使用 false 值作为后备。

这样我们就可以确保 bool 变量将始终被分配一个布尔值，即使示例变量可能是不同的类型。

如果您绝对确定该值是布尔值，则可以使用类型断言来解决错误。

const example: unknown = true;

const bool: boolean = example as boolean;

console.log(bool); // 👉️ false

当我们有关于 TypeScript 不知道的值类型的信息时，使用类型断言。

我们有效地告诉 TypeScript example 将是一个布尔值，不用担心。

“Type 'X' is not assignable to type boolean”错误的原因是左侧和右侧值的类型不兼容。

因此，根据我们的用例，可以通过向左或向右更新值的类型并使它们兼容来解决错误。

总结

“Type 'X' is not assignable to type 'boolean'” 当将非布尔值分配给需要布尔值的值时，会发生 TypeScript 错误。 要解决该错误，需要将值转换为布尔值或使用类型保护在赋值之前验证该值是否为布尔值。