I'm having trouble loading multiple textures

Questions
,
1

I’ve to load a glb file which has some external assets in the form of .png .

const loadingManager = new LoadingManager();

    loadingManager.onProgress = (url, itemsload, itemstotal) => {
        console.log(`start loading : ${url}`)
    }

    loadingManager.addHandler( /\.png$/i, new TextureLoader());

    loadingManager.onLoad = function ( ) {
        progressBarContainer.style.display = "none";
        controls.style.display = "block";
    };


    const loader = new GLTFLoader(loadingManager);
    const dracoLoader = new DRACOLoader();
    dracoLoader.setDecoderPath('https://www.gstatic.com/draco/v1/decoders/');
    loader.setDRACOLoader(dracoLoader);
    loader.setResourcePath("public/assets/safari/")
    const carData = await loader.loadAsync('public/assets/safari/model.glb');

the thing is i don’t know how to map those textures to my materials.
since there are so many i can’t do it manually.

Screenshot from 2023-08-10 19-18-07
Screenshot from 2023-08-10 19-18-071255×789 170 KB

this is my console, and there are some blob requests. the extenal files are saved in the same directory as those of glb file.

2

Hello.
I think you can’t avoid these problems once you load the textures from the glb model.
In my opinion, baking the scene in Blender is the best method in your case.
This is my opinion.
Thanks.