Mobile Safari and Mobile Chrome on iOS can't handle Mesh about react-360 HOT 8 CLOSED

@mikearmstrong001 I just tried with the regular Mesh Sample from the preview folder and same issue. Works fine with my android test device and on desktop. Also, attached is a screenshot of the debugging console. There is an error.

In case it matters, I'm using ngrok to do the localhost tunneling.

from react-360.

@amberroy I can attest to @gaelduplessix's diagnosis, it's Mobile Safari's lack of fetch support which is required to make the request for the .obj file in ObjectLoader.

Polyfill will work, but I suggest doing npm install whatwg-fetch --save and then adding import 'whatwg-fetch' to client.js so that the Mobile Safari client side has a polyfill for fetch but index.html stays clean.

from react-360.

Just tested this with an Android Samsung Galaxy 5 and Chrome and it worked fine.

from react-360.

Thanks, will check this. FYI to track these problems I usually use Safari's web inspector which allows you to debug a usb connected iOS device.

Was this on all meshes including the MeshSample that we provided?

from react-360.

Thanks I'm able to repro this as well, will investigate.

from react-360.

Turns out it's just Safari missing fetch support. I tried adding a polyfill and it works nice :)

All you have to do is include this file in MeshSample/vr/index.html. You can do this by copying it next to index.html and adding this script tag before any other scripts:

<script src="./fetch.bundle?platform=vr"></script>

from react-360.

RN Packager should have been polyfiling the fetch API where necessary when it does all the other ES6 polyfilling. I'll check the packager pipeline.

from react-360.

Fixed in a previous release.

from react-360.