app.js:63 Uncaught ReferenceError: GLTFLoader is not defined

【问题标题】：app.js:63 Uncaught ReferenceError: GLTFLoader is not definedapp.js:63 Uncaught ReferenceError: GLTFLoader is not defined
【发布时间】：2020-11-26 18:23:19
【问题描述】：

当我在 three.js 中调用它时 const loader = new GLTFLoader();得到这个错误 app.js:63 Uncaught ReferenceError: GLTFLoader is not defined。它是在 index.html 中导入的。但是出现了那个错误

<script src="./three.min.js"></script>
<script src="./OBJLoader.js"></script>
<script src="./GLTFLoader.js"></script>
<script src="./app.js"></script>

【问题讨论】：

标签： javascript three.js

【解决方案1】：

const loader = new GLTFLoader(); 之类的代码仅在您通过 import 语句将 GLTFLoader 作为 ES6 模块导入时才有效。这样做时，GLTFLoader 不属于 THREE 命名空间。

由于您使用的是three.min.js，因此您使用的不是基于模块的工作流，而是全局脚本。这意味着 GLTFLoader 仅在 THREE 命名空间下可用。因此，将您的代码更改为以下内容应该可以解决问题：

const loader = new THREE.GLTFLoader();

【讨论】：