OrbitControls.js:16 Uncaught ReferenceError: THREE is not defined at OrbitControls.js:

最新推荐文章于 2025-07-28 15:08:08 发布
最新推荐文章于 2025-07-28 15:08:08 发布
阅读量2.8k 收藏 2
点赞数 3
CC 4.0 BY-SA版权
文章标签： javascript web 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37658401/article/details/107930832
本文记录了一个关于OrbitControls.js与Three.js兼容性问题的解决过程。作者在使用OrbitControls.js时遇到错误提示，通过更换Three.js版本及引用方式最终解决了问题。文章详细描述了错误信息、尝试的解决方案以及最终成功的方法。

  <script src="./OrbitControls.js"></script>

  <!-- <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script> -->

 

我明明引入了OrbitControls.js，为啥还是报错，

THREE.OrbitControls = function ( object, domElement )    //X

OrbitControls.js:16 Uncaught ReferenceError: THREE is not defined
    at OrbitControls.js:16

————————————————————————————————————————————————

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

害我去找了了一圈，说引入的版本不对，那我就去在线实例里面引入了别人的地址：

 

 <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.min.js"></script>

 <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/controls/OrbitControls.js"></script>

球球你们给我点个赞，奥里给。

Three.js引擎开发：Three.js控制器开发_（3）.Three.js中 OrbitControls 的使用
chenlz2007的博客
06-06 720
提供了一些事件，可以用来监听用户的操作。change：每当控制器状态改变时触发。start：用户开始操作时触发。end：用户结束操作时触发。可以通过设置的和zoomSpeed来调整旋转和缩放的速度。默认情况下，的目标点是(0, 0, 0)，可以通过设置来改变目标点。是 Three.js 中一个非常强大的控制器，可以帮助开发者实现复杂的相机控制效果。通过合理配置和使用，可以在虚拟现实游戏中提供更好的用户体验。本节详细介绍了的原理、基本使用、高级用法、性能优化和常见问题的解决方案，希望对您的开发工作有所帮助。
orbitControls.js
05-25
threeJs中orbitControls，轨道控制，轨道控制允许摄像机围绕目标旋转。var controls = new OrbitControls( camera, renderer.domElement );
【Three.js】轨道控制器（OrbitControls）的使用
叶子yes的博客
01-26 8642
轨道控制器可以使得相机围绕目标进行轨道运动。轨道控制器功能不可以通过three模块来直接访问，需要从 example/jsm 子目录下导入。
【Three.js学习日记】相机控件OrbitControls
最新发布
fox22106的博客
07-28 744
官方定义：Three.js 中用于实现相机环绕、缩放、平移交互的控件库核心作用：简化 3D 场景中相机的用户交互逻辑（无需手动编写相机变换代码）适用场景：模型预览、场景漫游、多角度观察等交互需求。
编译问题 ： javascript Uncaught ReferenceError: THREE is not defined
weitaming1的博客
11-29 9710
问题： Uncaught ReferenceError: THREE is not defined 原因： 服务器访问范围有限。 webStrom 在运行html的时候虽然会打开其自带的服务器功能，并且以此来运行。 但是html文件的访问权限只能限制在以服务器：localhost:63342为根目录的文件。对于localhost:63342所在目录的上层目录的文件是更...
报错Uncaught ReferrnceError: _i3 is not defined
黄-小智的博客
10-18 272
原因：node版本或者webpack版本，过高或过低导致。背景：部署到服务器报此错，本地环境正常。或从正常的本地打包手动部署到服务器。
Uncaught ReferenceError: OrbitControls is not defined 轨道控制器使用 报错
gu2022_3_5_21_23的博客
08-30 1113
【代码】Uncaught ReferenceError: OrbitControls is not defined 轨道控制器使用 报错。
three.js 引用 OrbitControls 报错 Uncaught TypeError: Cannot read property ‘ROTATE‘
shiyutim
01-03 2473
在 three.js 中 引入 OrbitControls.js 后文件报错，原因是版本不同的原因，需要 three.js 的版本跟 OrbitControls.js 的版本是一致的即可。
解决控制台报错：Failed to resolve module specifier “three/addons/controls/OrbitControls.js“...的问题
qq_53911056的博客
12-20 3814
确保你使用了正确的语法来导入 OrbitControls.js 模块。例如，你可以使用 import { OrbitControls } from "./three.js-r159/examples/jsm/controls/OrbitControls.js。确保你的Three.js库的版本正确，并且包含了 OrbitControls.js 文件。在你的导入语句中，检查路径是否正确，并且文件的大小写是否与实际文件匹配。这个错误通常是由于在使用Three.js库时使用了错误的路径或模块导入的问题。
百度地图引用three.js时出现THREE is not defined错误
qq_39030777的博客
08-27 2096
var threeLayer = new mapvgl.ThreeLayer(); view.addLayer(threeLayer); var projection = mapvgl.MercatorProjection; var point = projection.convertLL2MC(new BMapGL.Point(this.CenterPoint[0],this.CenterPoint[1])); var THREE = mapvgl.THR
【报错】TypeError: THREE.OrbitControls is not a constructor
老衲的少女心i~
01-07 303
参考解决地址：https://jsfiddle.net/hyok6tvj/
OrbitControls.js
01-04
Three.js 导入PLY格式的模型示例中需要使用的5个js文件中的一个：OrbitControls.js
OrbitControls.1.js
个人博客
05-11 779
OrbitControls.1 /** * @author qiao / https://github.com/qiao * @author mrdoob / http://mrdoob.com * @author alteredq / http://alteredqualia.com/ * @author WestLangley / http://github.com/WestLangl...
three.js 中 OrbitControls.js 文件
yinge0508的博客
02-01 705
【代码】three.js 中 OrbitControls.js 文件。
Threejs 轨道控制器 OrbitControls.js
liora6的博客
05-11 1593
Three.js OrbitControls.js是一个用于在Three.js中提供相机控制的库。它允许您通过鼠标和触摸手势来旋转、平移和缩放相机，从而实现在3D场景中进行交互和导航。通过使用OrbitControls.js，您可以轻松地为Three.js场景提供交互式的相机控制功能，使用户能够自由浏览和编辑3D对象的视角和位置。
three.js轨道控制器OrbitControls.js
热门推荐
Bruce_wjh的博客
11-19 4万+
学习交流欢迎加群：789723098，博主会将一些demo整理共享 轨道控制器OrbitControls.js是一个相当神奇的控件，用它可以实现场景用鼠标交互，让场景动起来，控制场景的旋转、平移，缩放，下面介绍轨道控制器的代码实现方式： //添加轨道控制器 //新建一个轨道控制器 orbitControls = new THREE.OrbitControls(camera, rende...
Three.js 中的 OrbitControls 是一个用于控制相机围绕目标旋转以及缩放、平移等操作的控制器。
小豆包
03-24 3557
Three.js 中的是一个用于控制相机围绕目标旋转以及缩放、平移等操作的控制器。
index.html:85 Uncaught ReferenceError: TWEEN is not defined
02-26
好的，用户之前让我帮忙写了一个使用Three.js创建3D爱心并带有交互的HTML代码，现在他遇到了一个错误：index.html:85 Uncaught ReferenceError: TWEEN is not defined。我需要帮他解决这个问题。 首先，我要确认...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值