属性 X 的类型不兼容

Question

我刚刚开始使用 Typescript，并且遇到了一个奇怪的问题。

我已经声明了一个这样的接口：

Location.d.ts

interface Location {
    lat: number;
    lng: number;
}

然后这样使用这个接口：

reducer.tsx

interface MapState extends State {
    locations: Location[];
}

现在，我尝试声明一个类型为 MapState 的变量，但出现错误：

Type ... 不可分配给类型“MapState”。属性“位置”的类型不兼容。类型 ... 不可分配给类型“位置 []”。类型 ... 不可分配给类型“位置”。类型中缺少属性“哈希”...

这是我的声明：

const initialState: MapState = {
    locations: [
        { lat: 33.488069, lng: -112.072972 }
    ]
};

如果我明确地转换 Location，那么它可以工作：

const initialState: MapState = {
    locations: [
        ({ lat: 33.488069, lng: -112.072972 } as Location)
    ]
};

但这非常冗长。我在这里遗漏了什么吗？

Answer 1

类型中缺少属性“哈希”

这意味着发生错误的地方Location不是你的Location类型——它是dom.d.ts中定义的浏览器位置对象的类型

您可能没有在该文件 (reducer.tsx) 中导入您的 Location 类型，或者编译器没有看到它的其他原因。