vue中使用Three.js的FontLoader的loader对象load方法加载json文件报错

Question

var loader = new THREE.FontLoader();
            console.log(loader.load);
            
            loader.load("/src/assets/font/helvetiker_regular.typeface.json", function(
                font
            ) {
                var geometry = new THREE.TextBufferGeometry("Hello three.js!", {
                    font: font,
                    size: 80,
                    height: 5,
                    curveSegments: 12,
                    bevelEnabled: true,
                    bevelThickness: 10,
                    bevelSize: 8,
                    bevelSegments: 5
                });
            });

这是相关的报错信息,提示让我引用json而不是js...但是我确确实实引入的URL是json啊....

然后我去github上找官网的例子


例子就可以引入,所以我觉得问题还是出在了load方法上了.有没有大牛帮着看看的...

Answer 1

路径的问题.....打包以后发现请求路径不正确....静态文件路径

Answer 2

好家伙我也是，搞得我用原生写了一遍才发现是路径问题