最近在弄一个vue3的项目，需要添加一些3d效果的东西，比如obj跟glb格式的文件，再网上找了很多案例，直接修改glb文件路径，结果发现加载的东西黑漆漆的，更别说鼠标滚动，拖拽什么效果的。整个场景都是黑的，从glb文件有问题，可以去http://three-gltf-viewer.gongzuoshijian.com/上传你的3d模型去看下效果，如果可以基本上就是代码问题了。后来放弃度娘，直接去官网https://github.com/mrdoob/three.js看教程，有中文跟英文的还是没看懂，最后发现官网有很多案例，在examples下面，不过不能直接通过电脑端文件管理器访问，类似file:///C:/Users/Administrator/Desktop/zk_by_888H/zk/PHP/examples/index.html，直接在文件管理器中双击打开是不行的，你要准备一个服务器端，通过http://zk.com/examples/index.html才能正常加载，接下来就简单了，全局搜索.glb，然后调一个其中的案例，把自己的glb替换进去，果然就老实了，效果直接呈现出来了，什么原理我就不清楚了，不过学东西最好还是去官网，最根源的地方找东西，不要去学二手三手的东西，弯路可以少走很多。在vue3中加载的时候代码如下。

import * as THREE from 'three';

import Stats from 'three/examples/jsm/libs/stats.module.js';

import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';

html例子中是这么写的

import * as THREE from '../build/three.module.js';

import Stats from './jsm/libs/stats.module.js';

import { OrbitControls } from './jsm/controls/OrbitControls.js';