Three.js一直显示相同的几何体

Question

我有一个简单的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);