Creé una aplicación que usa Nuxt.js (SPA) para tomar hasta 20 imágenes tomadas con el iPhone y registrar las 20 a la vez. Cuando se toman las imágenes, se comprimen a unos 500 KB utilizando una biblioteca llamada browser-image-compression y se conservan. Las imágenes comprimidas se muestran luego en una vista previa.
El problema es que al registrar 20 fotos varias veces, la aplicación Nuxt.js se bloquea repentinamente en medio del proceso (al tomar una foto, la imagen capturada comienza a desaparecer repentinamente después de cargar, como al recargar).
Pensando que podría ser una pérdida de memoria, intenté medirlo en la línea de tiempo de Mac Safari, pero el uso de la memoria sube y sube con cada toma y no baja.
Traté de actualizar la memoria con location.reload(true) , pero el uso de la memoria no disminuyó.
Hágame saber la solución para actualizar la memoria o cualquier cosa que evite que la aplicación se bloquee.
Línea de tiempo de la memoria justo antes del accidente
Hay un PR sobre esto que tenía como objetivo corregir este error exacto. Tal vez no lo arregló realmente.
Intente volver a verificar el uso real de la memoria en otro navegador como Chrome o Firefox y vea si hace lo mismo. Si no fue así, tal vez sea el momento de dar algunos comentarios sobre browser-image-compression o usar otro paquete.
