mimeType is not defined

[Manny-Mobfish]

Description:

Hello,

when I include the latest version of webvr-polyfill to our react-360 application im getting the following error message:

Uncaught ReferenceError: mimeType is not defined

This error does not appear on the latest Desktop Browser of Chrome. It's just on a mobile-phone the case.

Additional Information:

• webvr-polyfill version: 0.10.10
• Browser name/version/release channel: Chrome 72.0.3626.105
• Operating System: Android 8.0.0 (Galaxy S7)

[jsantell]

The mimeType in Util.dataUri is only called by loadIcon_ with a hardcoded value type:

https://github.com/immersive-web/cardboard-vr-display/blob/01309862c01b9bb11a60d54093e061a88f9d173b/src/util.js#L20

https://github.com/immersive-web/cardboard-vr-display/blob/01309862c01b9bb11a60d54093e061a88f9d173b/src/rotate-instructions.js#L141

I'm not sure how this can occur; what is the value of mimeType here?

[drubio1989]

Hey @Manny-Mobfish, I am having the same issue as you are. Were you able to resolve this? I had the polyfill working prior but not anymore. Additionally, I don't know if you have experienced this as well but it seems to me that in development mode, the polyfill works just fine but after deployment, the problem occurs. Any thoughts?

[drubio1989]

Actually, I got it to work. Instead of installing the polyfill through npm, I used the instructions for the <script> process and places var polyfill = new WebVRPolyfill(); before the initialization code in index.html

[jsantell]

What's the issue here, something with whatever bundler is being used? Is there anything that can be fixed in the codebase, or is this a downstream issue? In which case, there could be a more helpful error

[danilodelfio]

I'm facing the same issue (ios13 with chrome or safari). The strange thing is that with chrome on my PC with mobile phone emulator it seems to work.
When I tried to include the script directly in the index.html, it works but without accelerometer capabilities.