Aframe A帧光线投射器未在浏览器中注册

Aframe A帧光线投射器未在浏览器中注册,aframe,Aframe,我尝试使用raycaster,但似乎无法使其工作(我的控制台中没有显示任何内容)。我尝试了以下例子: Javascript文件 AFRAME.registerComponent('collider-check', { dependencies: ['raycaster'], init: function () { this.el.addEventListener('raycaster-intersected', function () { console.log('Pl

我尝试使用raycaster,但似乎无法使其工作(我的控制台中没有显示任何内容)。我尝试了以下例子:

Javascript文件

AFRAME.registerComponent('collider-check', {
 dependencies: ['raycaster'],
 init: function () {
      this.el.addEventListener('raycaster-intersected', function () {
     console.log('Player hit something!');
    });
   }   
 });
index.html

<a-scene>
 <a-entity id="player" collider-check>
   <a-entity raycaster="objects: .collidable" position="0 -0.9 0"  rotation="90 0 0"></a-entity>
 </a-entity>
 <a-entity class="collidable" geometry="primitive: box" position="1 0 0"></a-entity>
</a-scene>

我试着朝所有可能的方向走,但我的控制台上什么也看不见。我在xampp服务器上用google chrome运行代码


希望有人能向我解释发生了什么事

试试这个结构。确保组件在A-Frame HTML之前注册

<html>
  <head>
    <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
    <script src="collider-check.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity collider-check></a-entity>
    </a-scene>
  </body>
</html>


控制台中有任何警告吗?你把东西整理好了吗?(先是A-Frame JS,然后是components JS)。如果我听不懂,很抱歉,但是你能指定component.JS是什么吗?我错过了吗???你的JS贴在上面,我按照上面的顺序排列。当ShowLine设置为true时,raycaster会注册但触发1000多个事件。我目前在a帧中打开了一个PR,如果没有任何更改,则不会重新触发相交事件。所以只能发射一次。到目前为止,这个问题还没有得到回答。Aframe文档中的示例似乎不起作用?