小编dko*_*lar的帖子

尝试导入 OrbitControls.js 时 Three.js 中断

首先我想说我对 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)

当我取消注释轨道控制的第二个导入时,它会中断并给出上面的错误。是什么导致了错误以及如何修复它?

提前致谢。

javascript three.js

5
推荐指数
1
解决办法
8830
查看次数

标签 统计

javascript ×1

three.js ×1