如何管理 A-Frame 使用的内存？

Question

我正在构建一个将 360 度图像加载到天空图元中的网络应用程序。我正在使用aframe-react。 a-assets 内共有 20 多张 360 度图像，并且只有一张 img 资产。一旦用户切换场景反应将更改资产img 的src 并且场景将重新渲染。一切正常，但由于缓存，它使用了大量内存。有一次它使用了 4GB+ 内存。在移动设备中，网页在切换约 8 张以上的图像后崩溃。我该如何处理这种情况？

我尝试查看 THREE.Cache，但图像没有缓存在那里。

这种内存使用与使用 React 有什么关系吗？

Answer 1

A-Frame 自动管理它存在问题，但现在必须破解以清除纹理。

AFRAME.scenes[0].systems.material.textureCache[url].then(function (texture) {
  texture.dispose();    
});