Javascript Three.js始终显示相同的几何体

我有一个简单的Three.js代码，可以在Three.js v68中正常工作，但它在Three.js v71中显示2个立方体，而不是一个立方体和一个球体。如果我先画球体，它会画两个球体

        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
        camera.position.z = 5;

        var renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        document.body.appendChild( renderer.domElement );

        var CubeGeometry = new THREE.BoxGeometry( 1, 1, 1 );
        var CubeMaterial = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
        var cube = new THREE.Mesh( CubeGeometry, CubeMaterial );
        scene.add( cube );

        var spheregeometry = new THREE.SphereGeometry(1, 16, 16);
        var spherematerial = new THREE.MeshBasicMaterial({ color: 0x00ff00});
        var sphere = new THREE.Mesh(spheregeometry, spherematerial);
        sphere.position.set(-2.0, 0, 0);
        scene.add(sphere);

        renderer.render(scene, camera);

---

你能创建一个JSFIDLE吗？因为我不知道当只有一个立方体被添加到场景中时，这段代码如何生成两个立方体。我正在制作JSFIDLE，并且删除了我正在使用的所有其他库。原来是Box2DWeb.min.js导致了这个问题。它在v68中工作正常，但在v71中不工作。不管怎样，谢谢：是的，我也发现了这个问题，我已经创建了一系列的小提琴来演示它，附在这篇文章中，看起来这两个库已经不能很好地结合在一起了，你有没有找到一种方法来解决它与后来版本的threejs？这是我的帖子。。。。