vue+threejs加载展示3d模型文件注意事项

前几天了解到了threejs这个库，一时间惊为天人，因为想做一个展示3d零件模型的demo，就尝试了一下，在此记录一下踩的坑

首先，一定要看文档！可以看郭大佬的中文教程http://www.yanhuangxueyuan.com/Three.js/

千万不要把希望寄托在随便找到的野博客（我开始就是想图省事拿来人家的用，明明看着一摸一样，可就是各种奇葩报错，都快疯了），一句话 博客可以拿来参考，主要还是看文档。官方也有提供各类文件，测试的时候可以直接拿来用，最起码得保证模型文件没有问题。

接下来几个我能想到得几个问题：

1.要注意模型文件要放在静态路径下

有遇到文件无论是相对路径还是绝对路径引用都会报错的情况
解决：
如果是vue2，把文件放到static下，路径写：/static/……
如果是vue3，把文件放到public下，路径写：public/……

2.加载器加载出来的图形是黑色，设置了颜色也是

可能是你没有添加光源

lightInit(){
   
    //点光源
    var point = new THREE