“对象”类型中缺少“字符串”类型的索引签名.ts(2322)

Question

我想将我的自定义 object 分配给 Prisma package 中的 JsonObject。 这段代码会产生我不知道为什么的错误：

interface JsonArray extends Array<JsonValue> {}
type JsonValue = string | number | boolean | JsonObject | JsonArray | null
type JsonObject = {[Key in string]?: JsonValue}
// ^ These are defined in Prisma package and I cannot change them

interface Object {
  name: string
}

let object : Object
let jsonObject : JsonObject 

// This line has error
jsonObject = object;

// Type 'Object' is not assignable to type 'JsonObject'.
// The 'Object' type is assignable to very few other types.
// Did you mean to use the 'any' type instead?
// Index signature for type 'string' is missing in type 'Object'.ts(2322)

Answer 1

首先，不要命名您的自定义 object 类型Object 。 Object类型是Object值的内置类型。 它可能会使人们感到困惑。 我不确定您是要更新现有的Object类型还是只想创建一些自定义类型，因为声明合并对于接口很重要。

考虑这个例子：

interface JsonArray extends Array<JsonValue> { }

type JsonValue = string | number | boolean | JsonObject | JsonArray | null

type JsonObject = { [Key in string]?: JsonValue }

interface CustomObject {
    name: string
}

declare let object: CustomObject
declare let jsonObject: JsonObject

// This line has error
jsonObject = object;

您遇到的错误意味着jsonObject已编入索引。 换句话说，这意味着您可以使用任何字符串来访问 object 值。 例如：

jsonObject['hello'] // ok

而object则不是这样。 在object情况下，您只能使用name键来访问适当的值。 您不允许使用hello 。

object['hello'] // error

现在，想象一下 TS 允许您执行此操作的情况：

jsonObject = object;

jsonObject['hello'] // undefined, because  it has only `name` property

因此，如果您想让它可分配，您应该将索引添加到您的CustomObject ：

interface CustomObject {
    [prop: string]: JsonValue
    name: number
}

或者，更有趣的是使用type关键字来声明CustomObject而不是interface ：

interface JsonArray extends Array<JsonValue> { }

type JsonValue = string | number | boolean | JsonObject | JsonArray | null

type JsonObject = { [Key in string]?: JsonValue }

type CustomObject= {
    name: number
}

declare let object: CustomObject
declare let jsonObject: JsonObject

jsonObject = object; // no error

jsonObject.name

是的，在interface和type之间的索引方面存在差异。 看我的回答和文章

请记住，此操作是允许的：

jsonObject['hello'] // undefined but allowed

没有编译器错误，但它是不安全的。

Answer 2

这里有几个问题。

• Object是内置的 javascript 数据类型。 您应该将您的界面命名为其他名称，例如MyObject ，
• 您正在声明一个变量object但它没有被初始化，即它没有任何值。 您不能在x = object之类的操作中使用它，
• 您的界面与JsonObject没有完全重叠。 您可以修改接口或使用type 。

interface JsonArray extends Array<JsonValue> {}
type JsonValue = string | number | boolean | JsonObject | JsonArray | null
type JsonObject = {[Key in string]?: JsonValue}
// ^ These are defined in Prisma package and I cannot change them

type MyObject = {
  name: string
}

let anObject: MyObject = {name: "foo"}
let jsonObject: JsonObject 

// no error
jsonObject = anObject

在typescript 操场上试一试。