1)直接安装:
npm install three
2)若遇到引入控制器controls 出现无法使用且报错
一定是controls引入路径的问题 ,网上大部分教程相对路径引入 ,你可以使用绝对路径引入 , 例如:
import { OrbitControls } from'../../node_modules/three/examples/jsm/controls/OrbitControls'
3)若遇到加载模型一直报路径404错误,这是加载模型的静态资源路径错误 。
解决方法: 1)先在与src同级的Plublic文件下,创建一个新文件为static
2) 将关于模型的所有的静态资源放在文件中
3)在代码中 ,使用相对路径引入模型
例如:gltfLoader . load( 'model/ZT.glb ', function (obj) )