Я пытаюсь создать очень простую сцену и загрузить в нее один объект. Однако я продолжаю получать эту ошибку:
Uncaught TypeError: Спецификатор «три» был пустым спецификатором, но не был переназначен ни на что. Спецификаторы относительных модулей должны начинаться с «./», «../» или «/». OBJLoader.js:17:8
Я не думаю, что мне нужно корректировать базовый код библиотек Three.js, поэтому я предполагаю, что настраиваю среду неправильно. Вот код, который я получил из базового руководства... Я не могу понять, что я делаю не так, поскольку каждое найденное мной руководство в основном соответствует тому, что я делаю.
HTML-файл:
Three.js Learning Environment
#test-env {
border: 1px solid #666;
margin: auto;
padding: 0px;
}
JS-файл (на моем сервере установлена последняя версия Three.js.
import * as THREE from 'https://10.1.10.101/work-shop/three.js/ ... .module.js';
import { OrbitControls } from 'https://10.1.10.101/work-shop/three.js/ ... ontrols.js';
import { OBJLoader } from 'https://10.1.10.101/work-shop/three.js/ ... JLoader.js';
const scene = new THREE.scene();
const camera = new THREE.PerspectiveCamera(75, (window.innerWidth/window.innerHeight), 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
const light = new THREE.AmbientLight(oxffffff, 1);
scene.add(light);
const loader = new OBJLoader();
loader.load(
'https://10.1.10.101/work-shop/base_asse ... ootman.obj',
function( object ) {
scene.add(object);
},
function( xhr ) {
console.log((xhr.loaded/xhr.total*100)+"% loaded.");
},
function( error ) {
console.error("An error happened", error);
}
);
function animate() {
requestAnimationFrame(animate);
renderer.render(scene, camera);
};