Код рендеринга Three.js stl ничего не отображает ⇐ Javascript

[Гость]

Я пытаюсь визуализировать stl с помощью трех js, вот мой код индекс.html

Мое первое приложение Three.js тело {маржа: 0; } main.js

import * как THREE из «three»; константная сцена = новый THREE.Scene(); Scene.background = новый THREE.Color(0xff0000); const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); const renderer = новый THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild(renderer.domElement); константная геометрия = новый THREE.BoxGeometry(1, 1, 1); const материал = новый THREE.MeshBasicMaterial({color: 0x00ff00}); //const куб = новый THREE.Mesh(геометрия, материал); //scene.add(куб); const loadObject = () => { константный загрузчик = новый STLLoader() loader.load("./public/3dbenchy.stl", функция (геометрия) { группа = новый ТРИ.Группа() Scene.add(группа) const материал = новый THREE.MeshPhongMaterial({ цвет: 0xaaaaaa, зеркальность: 0x111111, блеск: 200 }) сетка = новый THREE.Mesh(геометрия, материал) сетка.position.set(0, 0, 0) сетка.масштаб.набор(10, 10, 10) mesh.castShadow = правда сетка.receiveShadow = истина геометрия.центр() group.add(сетка) }) } камера.позиция.з = 5; функция анимации() { requestAnimationFrame (анимировать); //cube.rotation.x += 0,01; //cube.rotation.y += 0,01; renderer.render(сцена, камера); } анимировать(); Я пытался импортировать пакет разными способами, но ни один из них ничего не дал. Я также пробовал несколько разных 3D-моделей, но ни одна из них не сработала.