0

我是一名老师，他的班级正在使用 Aframe 创建 VR 网站。我的一个学生遇到了一个问题，他无法通过导航将用户带到不同的页面。

他在 JS 中使用的代码是：

AFRAME.registerComponent('schoolMap', {
    init: function () {
        let redirect = () => {
            window.location.href = "schoolMap.html";
        }; //link

        this.el.addEventListener('click', redirect);
    } //init
}), //end

此代码是作为示例给出的，与我设法制作的工作代码完全相同。脚本已导入，组件已添加到实体中。

<a-entity id="main map" position="-0.11914 2.775 -1" rotation="0 45 0" schoolMap>

当我在检查员视图中查看他的网站时，它显示该实体没有附加任何组件，尽管该组件已在实体上注册，如上所示。

没有附加组件的“主地图”实体

如果选择添加组件按钮，则可以找到并添加已注册的组件，然后使其工作。我尝试过的任何方法似乎都无法解决问题，因此我们将不胜感激任何帮助。

另请注意，我们使用 Replit 作为在线 IDE，因为它有助于课堂项目，尚不知道这是否会导致问题。

4

1 回答 1

0

我的猜测是schoolMap. 您应该看到一个日志：

core:component:warn The component name `schoolMap` contains uppercase characters, 
but HTML will ignore the capitalization of attribute names. 
Change the name to be lowercase: `schoolmap`

如果您更改它并且脚本在场景之前（脚本中没有defer属性），它应该可以工作：

<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script>
  AFRAME.registerComponent("school-map", {
    init: function() {
      console.log("yo")
    }
  })
</script>
<a-scene>
  <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" school-map></a-box>
</a-scene>

于 2021-08-19T09:06:05.813 回答