Question

当我运行我的javascript代码时。我收到以下错误“Uncaught ReferenceError：THREE未定义”。提到的那一行是：

var renderer = new THREE.WebGLRenderer();

// I have attached the three.js library in the script tag. I don't know what seems to be problem.

var scene = new THREE.Scene();

var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 0.1, 1000);
camera.position.set = (0, 0, 10);
camera.lookAt(camera.position);
scene.add(camera);

var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(0.0, 1.0, 0.0));
geometry.vertices.push(new THREE.Vector3(-1.0, -1.0, 0.0));
geometry.vertices.push(new THREE.Vector3(1.0, -1.0, 0.0));
geometry.faces.push(new THREE.Face3(0, 1, 2));

var material = new THREE.BasicMeshMaterial({
    color: 0xFFFFFF,
    side: THREE.DoubleSide
});

var mesh = new THREE.Mesh(geometry, material);
mesh.position.set(-1.5, 0.0, 4.0);
scene.add(mesh);

function render() {
    renderer.render(scene, camera);
}

render();

Answer 1

您需要在

之前加入three.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r79/three.min.js"></script>

Answer 2

我有类似的问题，在标题中指定字符编码对我有用

list.index

Answer 3

很难确定错误，因为您只提供了尝试使用Three.js的代码，但是您没有显示的是如何加载模块以及所有其他初始化脚本执行的顺序。所以我强烈建议通过jsfiddle分享一个简单示例，或使用主帖中的代码段功能。）

确保加载three.min.js：

检查浏览器的控制台是否有任何错误
检查浏览器控制台中的网络部分，看看three.min.js是否在那里收听。

<强>的index.html

<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r79/three.min.js"></script>
</head>
  <body>
  </body>
 </html>
<script>
  var container = document.createElement( 'div' );
  document.body.appendChild( container );
  scene = new THREE.Scene();
    ....
</script>

Answer 4

我的错误是包括/src/Three.js文件夹中的three.js文件。确保使用./build/three.js

Answer 5

对于任何对此进行检查的人，我都有同样的问题。意识到我把Text('Hi there, \nI\'m Vepo', style: Theme.of(context).textTheme.headline1, textAlign: TextAlign.center), ),放在实际上在我的html文件中使用三个脚本的脚本后面弄乱了。

Answer 6

Efectivamente revisa la ruta del archivo three.js 恩卡索伊斯塔纳乌卡普鱼

Three.js - 未捕获的ReferenceError：未定义THREE

6 个答案: