Getting a TypeError When Using KHRDracoMeshCompression - Am I Doing Something Wrong?

[Jonathynlee]

Hello!

When simply trying to import a draco compressed glb, I am getting the following error.

TypeError: Cannot read properties of undefined (reading 'DT_FLOAT32')
at ue.install (...\node_modules\@gltf-transform\extensions\dist\extensions.cjs:1:17249)   
    at bt.read (...\node_modules\@gltf-transform\core\dist\core.cjs:1:39435)   
    at exports.NodeIO.readJSON (...\node_modules\@gltf-transform\core\dist\core.cjs:1:64339)   
    at ...\node_modules\@gltf-transform\core\dist\core.cjs:1:63915   

Here is my code:

import { Document, NodeIO } from '@gltf-transform/core';   
import { KHRDracoMeshCompression} from '@gltf-transform/extensions';   
import * as draco3d from 'draco3dgltf';   
   
   
export const convertGltfToDocument:(path:string, isDraco:boolean)=>Promise<Document> = (path, isDraco=false)=>{   
    return new Promise(async (resolve, reject)=>{   
        const io = new NodeIO()   
        .registerExtensions([KHRDracoMeshCompression])   
        if(isDraco){   
            io.registerDependencies({   
                'draco3d.decoder': await draco3d.createDecoderModule(), // Optional.   
                'draco3d.encoder': await draco3d.createEncoderModule(), // Optional.   
            });   
        }   
    
    // Read from URL.   
    const document = await io.read(path);   
       
    resolve(document);   
    // Write to byte array (Uint8Array).       
    // const glb = await io.writeBinary(document);   
    })   
}   

I have validated to glb is valid and loads as well.

Thanks in advanced!

-Jonathyn

[donmccurdy]

The code looks correct to me. Are using a bundler, or running this code directly in node.js? And, which versions of node.js and glTF Transform? It might be worth trying to reorganize it so the async/await is a bit simpler, I'm wondering if a bundler might be doing something unexpected there, or if creating the draco module multiple times is a problem.

import { Document, NodeIO } from '@gltf-transform/core';   
import { KHRDracoMeshCompression} from '@gltf-transform/extensions';   
import * as draco3d from 'draco3dgltf';   
   
const io = new NodeIO()   
  .registerExtensions([KHRDracoMeshCompression])
  .registerDependencies({   
    'draco3d.decoder': await draco3d.createDecoderModule(),
    'draco3d.encoder': await draco3d.createEncoderModule(),
  });

export function convertGltfToDocument(path: string): Promise<Document> {
  return io.read(path);
}

[Jonathynlee]

@donmccurdy thanks for the quick response. Looks like moving it into one file fixes the issue.

I appreciate the help. Cheers!