vue中使用three.js加载obj模型,报错:

Uncaught Error: OBJLoader: Unexpected line: “<!DOCTYPE html>“

很可能是模型放置路径不对,可以参考:

https://blog.csdn.net/weixin_43228674/article/details/108277525

解决方法如下:

1.将模型放到public目录:

public/threejs/models/test-obj.obj

2. 在代码中引用:

this.loader.load('/threejs/models/test-obj.obj', function (mesh) {
  var material = new THREE.MeshLambertMaterial({
    color: 0x5C3A21
  })

 

Logo

前往低代码交流专区

更多推荐