FontLoader 和 TextGeometry 未在 Threejs 中正确导入

我正在尝试在 BoxGeometry 侧面的前、右、左和顶部添加 3D 文本。

我实现了这个代码如下：

loadFont = () =>{

const loader = new THREE.FontLoader();
loader.load( 'https://threejs.org/examples/fonts/helvetiker_regular.typeface.json', function ( response ) {

console.log("response "+response);

  return response;

} );}

   
createText = () => {

 let font = this.loadFont();

   this.textGeo = new THREE.TextGeometry( "Hello", {

    font: font,
    size: 70,
    height: 20,
    curveSegments: 4,
    bevelThickness: 2,
    bevelSize: 1.5,
    bevelEnabled: true

  });
  
  const materials = [
    new THREE.MeshPhongMaterial( { color: 0xffffff, flatShading: true } ), // front
    new THREE.MeshPhongMaterial( { color: 0xffffff } ) // side
  ];
  

  this.textMesh1 = new THREE.Mesh(this.textGeo, materials );
  this.textMesh1.position.y = 80;
  this.textMesh1.position.z = 0;
  this.textMesh1.rotation.x = 0;
  this.textMesh1.rotation.y = Math.PI * 2;

  this.scene.add(this.textMesh1);
  this.root.add(this.textMesh1);

我无法在场景中接收 3D 文本？ 出现错误 - “THREE.TextGeometry：字体参数不是 THREE.Font 的实例。”

当我尝试使用

      const loader = new FontLoader(); 
      this.textGeo = new TextGeometry( "Hello", {

    font: font,
    size: 70,
    height: 20,
    curveSegments: 4,
    bevelThickness: 2,
    bevelSize: 1.5,
    bevelEnabled: true

  });

我没有得到需要导入这些 FontLoader 和 TextGeometry 类的确切位置。

任何帮助、指导或参考都会有所帮助。谢谢

TextGeometry and FontLoader前段时间已从核心中移出，因此您必须从three/examples/jsm/geometries/TextGeometry.js and three/examples/jsm/loaders/FontLoader.js.

接下来，以下代码行不起作用，因为loadFont()实际上异步工作：

let font = this.loadFont();

loadFont()总会回来的undefined因为你返回了字体onLoad()的回调函数FontLoader.load()。您必须重写清单以考虑代码流的异步性质。