VueThreejs 外部模型 SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data 问题

在vue中引入模型资源的时候 如果你将模型放入assets 相对引用就会出现这个问题

解决方案

资源文件放入public文件夹

绝对引入  vue-cli中默认public 为 "/"

例如  

    this.gltfLoader.load(
        '/demo.glb', (gltf)=> {
           gltf.scene.traverse(child => {
            if (child.isMesh) {
              child.material.emissive = child.material.color
              child.material.emissiveMap = child.material.map
            }
          })

          this.scene.add(gltf.scene);
        },

        undefined, function (error) {
          console.log(error);
        }
      );