Three.js raycaster.intersectObjects（）得到空数组

Question

我尝试用three.js创建一张世界地图，然后找到 https://github.com/ftorghele/worldMap，几乎我需要的一切。我根据这个很棒的项目更新了three.js和d3.js版本，但是在鼠标移动获取国家名称的最后一步有问题

var vector = new THREE.Vector3( mouse.x, mouse.y, 1 );
this.projector.unprojectVector( vector, this.camera );
var raycaster = new THREE.Ray( this.camera.position, vector.subSelf( this.camera.position ).normalize() );
var intersects = raycaster.intersectObjects( this.scene.children );

我认为应该像

一样改变

let vector = new THREE.Vector3(mouse.x, mouse.y, 1);
let raycaster = new THREE.Raycaster();
raycaster.setFromCamera(vector, this.camera);
let intersects = raycaster.intersectObjects(this.scene.children, true);

但是相交总是得到空数组。

（this.scene.children）的内容

谢谢！