由于此錯誤,我無法執(zhí)行我的代碼:TypeError: THREE.Scene is not a constructor我使用來自官方 github 存儲庫的 three.js 文件,這是我的文件:索引.html<html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../style.css"> <title>First three.js</title></head><body> <script type="module" src="../frontend/tetrahedrons_render.js"></script></body></html>四面體渲染.jsimport * as THREE from '../lib/three.js';// Create the sceneconst scene = new THREE.Scene();scene.background = new THREE.Color(0x2d3436);// Set up the cameraconst camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 0.1, 1000);// Set up the renderconst renderer = new THREE.WebGLRenderer();renderer.setSize(window.innerWidth, window.innerHeight);renderer.setPixelRatio(window.devicePixelRatio);document.body.appendChild(renderer.domElement);// Create n random tetrahedronsconst n = Math.floor(Math.random() * 7) + 2;const tetrahedrons = [];const positions = [];let x, y;for (let i = 0; i < n; i++) { do { x = Math.floor(Math.random() * 10) - 5; y = Math.floor(Math.random() * 10) - 5; } while ([x, y] in positions); positions.push([x, y]); tetrahedrons.push(createTetrahedron(x * 2.5, y * 2.5));}// Color one random tetrahedron in black and another in whiteconst i = Math.floor(Math.random() * tetrahedrons.length);let i2;do { i2 = Math.floor(Math.random() * tetrahedrons.length);} while (i2 === i);tetrahedrons[i].geometry.faces.forEach((face) => { face.color = new THREE.Color('black');});tetrahedrons[i2].geometry.faces.forEach((face) => { face.color = new THREE.Color('white');});camera.position.z = 15;function animate() { requestAnimationFrame(animate); // Rotation tetrahedrons.forEach((tetrahedron) => { tetrahedron.rotation.x += 0.03; tetrahedron.rotation.y -= 0.03; }); renderer.render(scene, camera);}這是所有代碼,但我認為問題必須在第一行導(dǎo)入。我看到很多帖子都有類似的錯誤,但我找不到適合我的解決方案。
Three.js 錯誤 --> THREE.Scene 不是構(gòu)造函數(shù)
回首憶惘然
2022-06-16 17:20:45