我正在嘗試OrbitControls在 THREE.js 中使用。如果我let cameraControl = new OrbitControls(camera)從下面刪除該行,將不會出現錯誤。但是現在,我有“Uncaught TypeError: Cannot read property 'addEventListener' of undefined”我嘗試更改OrbitControls(camera)為THREE.OrbitControls(camera),然后出現“Uncaught TypeError: THREE.OrbitControls is not a constructor”。我嘗試OrbitControls.js使用<script src=...></script>outside導入"module",而不是import {OrbitControls} from ...;,但它不起作用,我也嘗試移動let cameraControl = new OrbitControls(camera)到其他行,但也不起作用。任何想法如何解決?<body><script type="module">import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r115/build/three.module.js';import {OrbitControls} from 'https://threejsfundamentals.org/threejs/resources/threejs/r115/examples/jsm/controls/OrbitControls.js';let scene, renderer, cameralet cubefunction init() { scene = new THREE.Scene() renderer = new THREE.WebGLRenderer() renderer.setSize(window.innerWidth, window.innerHeight) document.body.appendChild(renderer.domElement) camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 100) let cameraControl = new OrbitControls(camera) camera.position.set(10, 10, 10) camera.lookAt(scene.position) // cube cube = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1)) scene.add(cube)}function render() { requestAnimationFrame(render) renderer.render(scene, camera)}init()render()</script></body>
Three.js + OrbitControls - 未捕獲的類型錯誤:無法讀取未定義的屬性
一只甜甜圈
2022-12-22 09:29:39