ImportMeshAsync has some problem in some mobile browser

Questions
1

In my android mobile, firefox browser and the built-in browser of the system. the page2 can not work normal.

the two pages js code is all the same except the file url.
page1: https://issuebox.github.io/babylonjs/instance/index4.html

page2: https://issuebox.github.io/babylonjs/instance/index5.html

in page1, the glb file is small, it work ok! I can get the alert of “file loaded”!
in page2, the glb file is larger, it did not end! I can not wait the alert of “file loaded”!

the main js code:

var canvas = document.getElementById("canvas");
var engine = new BABYLON.Engine(canvas, true);

async function init() {
  var scene = new BABYLON.Scene(engine);

  await BABYLON.SceneLoader.ImportMeshAsync(
    "",
    "./assets/",
    "ylw-thumb.glb",
    scene
  );
  alert("file loaded!");
  scene.createDefaultCameraOrLight(true, true, true);
  engine.runRenderLoop(function () {
    scene.render();
  });

  window.addEventListener("resize", function () {
    engine.resize();
  });
}
init();
2

adding @RaananW

3

Seems to be an issue with wasm (probably the draco compression):

image
image1165×429 36.4 KB

@bghgary - any input on that? This is a mobile issue, desktop all works correctly.

4

That doesn’t sound right. Is there a way to check if the js/wasm are matching? There shouldn’t be a difference between desktop and mobile.

5

Page 2 works fine for me on Android Chrome. Perhaps there is a caching issue?