问题

Threejs 模型引入后并未加载出来

分析

1. 该问题是由于引入OBJ模型路径报错

2. 目前测试 在 public/static/ 引入时不会发生此错误并渲染成功

3. 如果没有此报错且模型没渲染出来, 可以尝试刷新标签页或者异步请求模型方法

4. 我的路径如下
   

5. 引用如下

createModel () {
            let tht = this
            const onProgress = function (xhr) {
                if (xhr.lengthComputable) {
                    const percentComplete = xhr.loaded / xhr.total * 100
                    console.log(Math.round(percentComplete, 2) + '% downloaded')
                }
            }
            new MTLLoader().setPath('/static/obj/').load('male02.mtl', function (materials) {
                console.log("MTLLoader", materials)
                materials.preload()
                new OBJLoader().setMaterials(materials).setPath('/static/obj/').load('male02.obj', function (obj) {
                    obj.position.set(5, 5, 5)
                    obj.scale.set(0.1, 0.1, 0.1)
                    tht.scene.add(obj)
                }, onProgress)
            })
        },