打字稿联合类型引发错误

Question

我定义的对象：

export const exceptionMsg: ErrorMessages = {
    badRequest: 'bla bla bla',
    user: {
       notFound: 'The user bla bla bla',
    },
};

我为它定义的接口ErrorMessages：

interface ErrorMessages {
    [x: string]: string | { [x: string]: string };
}

基本上，我的对象的属性可以是字符串，也可以是其值也是字符串的对象。这就是我要定义的。但是，在另一个文件中使用此对象时，会引发此错误：

“字符串 | 类型”上不存在属性“未找到” { [x：字符串]：字符串； }'。 类型“字符串”上不存在属性“notFound”。

我使用它的代码是这样的：

throw new BadRequestException(exceptionMsg.pipeline.notFound);

我对 Typescript 比较陌生，但在阅读文档后，我似乎找不到我缺少的东西。

Answer 1

问题在于，当您将 exceptionMsg 声明为 ErrorMessages 时，来自初始化程序的任何信息（例如属性 user 和 badRequest）都会丢失，只有声明的类型 ErrorMessages 才知道 exceptionMsg。

所以当你访问exceptionMsg.user时，ts根据ErrorMessages中的签名只知道exceptionMsg.user的类型是string | { [x: string]: string }。当您拥有联合类型的属性时，由于该属性可以是这两种类型中的任何一种，因此只有访问两种类型共有的属性才是安全的，因此当您再次向下钻取时，您会收到错误，因为 string 没有索引签名或notFound 属性。

您可以使用类型保护来缩小类型：

if (typeof exceptionMsg.user !== "string") {
  exceptionMsg.user.notFound
}

Playground Link

您真正想要的可能是从常量类型中删除ErrorMessages，然后推理就可以了。如果您想将常量限制为扩展 ErrorMessages，您可以使用通用函数：

function createErrorMessages<T extends ErrorMessages>(o: T): T{
  return o;
}
export const exceptionMsg = createErrorMessages({
    badRequest: 'bla bla bla',
    user: {
       notFound: 'The user bla bla bla',
    },
});

exceptionMsg.user.notFound // ok now

Playground Link