在Gatsby Production Build中使用三个OBJLoader

Question

我正试着在我的gatsby项目中添加一个threejs to场景。

经过一番努力后，我让它在开发和构建中正常工作，也成功了，但在为应用程序提供服务时，我得到了以下错误的3倍：

TypeError: (void 0) is not a constructor

我在日志中发现，使用OBJLoader构造函数时出现了这个错误。我怎么才能让它工作呢？

我基本上是这样设置的：

import React from "react";
import * as THREE from "three";
import * as OBJLoader from "three-obj-loader"

OBJLoader(THREE);

const SceneComponent = (}) => {

   const manager = new THREE.LoadingManager();

   manager.onLoad = () => {
     animate()
   };

  const loader = new THREE.OBJLoader(manager).load(`PATH`, (spoon) => {
    scene.add(spoon)
  }
 ...
}

Answer 1

如果有人感兴趣:我通过切换到‘3gltf-loader’并将网格转换为".glb“解决了这个问题，这似乎是最佳实践，因为它也将文件大小减半。