尝试使用 TypeScript 访问 A-frame 中的 Element.object3D 时出现“类型 'Element' 上不存在属性 'object3D'”错误

Question

首先，我是日本学生。 所以，请原谅我糟糕的英语。 我正在开发一个框架库，现在在 TypeScript 中使用anime.js 制作动画。 当我尝试访问 Element.object3D 以更新位置值时，TypeScript 生成“Property 'object3D' does not exist on type 'Element'”错误。 这是我的代码。

function updateValue(target: Element, attr: Attribute, value: number) {
switch (attr) {
    case "PositionX":
        target.object3D.position.setX(value)
    case "PositionY":
        target.object3D.position.setY(value)
    case "PositionZ":
        target.object3D.position.setZ(value)

}

我意识到 Element 上不存在“object3D”，但是在导入 a-frame 时它存在。 我试图 require("aframe") 但这个问题没有解决。 对于这个问题的基本性质和我糟糕的英语，我深表歉意，但如果您能回答，我将不胜感激。

Answer 1

您可能需要安装@types/aframe包，以便为您的 typescript 项目输入类型。

之后，使用实体或场景（我不知道哪一个是您在updateValue中收到的，但那两个包含object3D 。

function updateValue(target: Entity, attr: Attribute, value: number) {