I am running:

• Aframe 1.3.0
• iPhone 8 running IOS 15.5
• MacBook Pro (Mid 2012) running macOS Catalina 10.15.7

I have an aframe webpage that loads in a simple, test environment.

I am able to view the webpage fine (including VR mode) on my MacBook, although there is some lag when trying to run it on Safari.

On my iPhone, I cannot view VR mode at all. The regular view works fine, and I am able to drag to move my camera and look around.

When I try to enter VR mode, I get prompted to place my phone into my Google Cardboard and VR does not work. It will get stuck on a white screen.

I understand that there have been issues with IOS and webXR support in the past and people seem to be encountering similar issues to mine. The fixes suggested in those links also did not work for me.

I also get the following errors in the iPhone web inspector:

TypeError: scope.dispatchEvent is not a function. (In 'scope.dispatchEvent({
    type: 'sessionstart'
})', 'scope.dispatchEvent' is undefined)
        
        
TypeError: undefined is not an object (evaluating 'camera.near')

I'd really like to make the VR work on both Android and Apple devices. Are there any work arounds to make Aframe VR work on IOS mobile devices?