Crash threejs on mobile. How to remove context programmatically?

[DidoMarchet]

Hi,
I’ve got an issue and I don’t know how to figure out it.
I 've got a configurator that loads a canvas with a gltf model.
The application is in Nuxt and the the navigation is ajax based.

I’ve seen during the navigation it stores a lot of webgl contexts (see image).
If I reload the page and I disable the ajax navigation the context is always one
and I’ve not any problems.

How can I remove context programmatically, can you share any documentation ?

Thnaks in advance and kind regards,

Davide

[Mugen87]

Can you please try it with the following approach:

Problem with Destroy() in Angular Component

Do it like so: this.renderer.dispose(); this.renderer.forceContextLoss(); forceContextLoss() is not automatically called in dispose() because of certain compatibility issues with existing apps. More information in this PR: https://github.com/mrdoob/three.js/pull/19022

[DidoMarchet]

Thanks!
your approach and removing some lights ( Spot light in particularly)
seems let the application works in mobile.

it return me these errors:
TypeError: null is not an object (evaluating 'gl.getProgramInfoLog( program ).trim') in mobile

ncaught TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'. in Chrome

But know I try to resolve.