ThreeJS 0.173.0, предоставив ошибку, не удалось разрешить спецификатор модуля «Три». Относительные ссылки должны начинат ⇐ Javascript

[Anonymous]

Это моя самая простая страница приложения ThreeJS. Но я получаю эту ошибку: < /p>

Goo-webxr-ac.web.app/:1 unactught typeerror: не удалось разрешить модуль
specifier " три". Относительные ссылки должны начинаться с "/",
"./ "или" ../".

Вы также можете проверить Этот веб -сайт через открытие консоли. goo-webxr-ac.web.app < ​​/p>
mycode: < /p>





WebXR AR




Start Web AR


import * as THREE from 'https://unpkg.com/[email protected]/build/three.module.js';
import { GLTFLoader } from 'https://unpkg.com/[email protected]/example ... FLoader.js';

console.log("Three.js and GLTFLoader imported successfully!");

async function activateXR() {
console.log("Activating XR...");

const canvas = document.createElement("canvas");
document.body.appendChild(canvas);
const gl = canvas.getContext("webgl", {xrCompatible: true});

if (!gl) {
console.error("WebGL is not supported!");
return;
} else {
console.log("WebGL initialized successfully!");
}

const scene = new THREE.Scene();
const renderer = new THREE.WebGLRenderer({ alpha: true, preserveDrawingBuffer: true, canvas: canvas, context: gl });
renderer.autoClear = false;

console.log("Renderer created!");

const camera = new THREE.PerspectiveCamera();
camera.matrixAutoUpdate = false;

try {
const session = await navigator.xr.requestSession("immersive-ar", { requiredFeatures: ['hit-test'] });
console.log("XR Session started!");

session.updateRenderState({ baseLayer: new XRWebGLLayer(session, gl) });

const referenceSpace = await session.requestReferenceSpace('local');
const viewerSpace = await session.requestReferenceSpace('viewer');
const hitTestSource = await session.requestHitTestSource({ space: viewerSpace });

console.log("Reference Spaces & Hit Test Source set up!");

const loader = new GLTFLoader();
let reticle;
loader.load("https://immersive-web.github.io/webxr-s ... ticle.gltf", function (gltf) {
reticle = gltf.scene;
reticle.visible = false;
scene.add(reticle);
console.log("Reticle loaded successfully!");
});

session.addEventListener("select", () => {
if (reticle) {
console.log("Select event triggered!");
reticle.visible = true;
}
});

session.requestAnimationFrame((time, frame) => {
console.log("Rendering frame...");
renderer.render(scene, camera);
});

} catch (error) {
console.error("Error initializing XR session:", error);
}
}






Подробнее здесь: https://stackoverflow.com/questions/794 ... ee-relativ