小编Mar*_*ski的帖子

我的 WordPress 页面上的 Three.js 有两个问题。

第一：我无法导入 GLTFLoader。错误消息显示：“未捕获类型错误：无法解析模块说明符“THREE/examples/jsm/loaders/GLTFLoader.js”。相对引用必须以“/”、“./”或“../”开头。 ” 然而，当我输入“/”时，它会尝试从我的服务器导入，如果我输入“//”，它会查找 https://two/examples/。这也不起作用。

在这里你可以看到我的部分代码：

<script type="module">
// Find the latest version by visiting https://cdn.skypack.dev/three.
 import * as THREE from '//cdn.skypack.dev/three@0.129.0';
 import {GLTFLoader} from 'THREE/examples/jsm/loaders/GLTFLoader.js'
</script>

<script>
 //load 3d model
    const loader = new GLTFLoader();
    loader.load( 'https://www.historia3d.pl/wp-content/uploads/2021/05/mini_3D02.glb', function ( gltf ) {
        model = gltf.scene.children[0];
        model.scale.set(0.5,0.5,0.5);
        scene.add( gltf.scene );
    },
    undefined, function ( error ) {
        console.error( error );
    } );
</script>

第二：我想使用 OrbitControls。但我只想在光标悬停在画布上时检查鼠标位置。

代码：

controls = new THREE.OrbitControls(camera);
controls.addEventListener('change', renderer);