首先我想说我对 javascript 和库的使用非常陌生。我试图让一些基本的 Three.js 代码正常工作,但它不起作用,我不知道为什么。我已经使用 Threejs.org 文档设置了一个基本场景,并且正在尝试设置一些基本的轨道控制。一切正常,直到我尝试将轨道控件导入到我的主脚本文件中。然后我得到一个错误:
未捕获的类型错误:无法解析模块说明符“三”。相对引用必须以“/”、“./”或“../”开头。
我没有尝试太多来解决我的问题,因为我什至不知道从哪里开始。我检查了拼写并确保导入的相对路径正确。
这是有效的代码:
import * as THREE from '/node_modules/three/build/three.module.js';
// import { OrbitControls } from '/node_modules/three/examples/jsm/controls/OrbitControls.js';
// Construct basic scene elements
const camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
1,
1000
);
const renderer = new THREE.WebGLRenderer();
const scene = new THREE.Scene();
// const controls = new OrbitControls(camera, renderer.domElement);
// Set parameters for scene elements
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
Run Code Online (Sandbox Code Playgroud)
当我取消注释轨道控制的第二个导入时,它会中断并给出上面的错误。是什么导致了错误以及如何修复它?
提前致谢。