Estoy desarrollando un proyecto en Webpack, usando vsCode, y estoy almacenando objetos en una matriz y configurando esa matriz en localStorage. Esta matriz se llama lista de tareas. Si un usuario crea una nueva tarea, creo un nuevo objeto, lo llamo newAddition, obtengo la matriz taskList de localStorage, le presiono newAddition y luego vuelvo a configurar la matriz taskList en localStorage. Esto solo se ejecuta en un envío de formulario (evento de clic) y se almacena en un módulo separado ((estoy casi seguro de que este no es el problema):

 const taskList = JSON.parse(window.localStorage.getItem("taskList")); taskList.push(newAddition); window.localStorage.setItem("taskList", JSON.stringify(taskList));

Mientras el sitio está abierto, todo está bien: puedo agregar, eliminar, etc. Sin embargo, una vez que cierro vsCode, cuando reinicio, mi matriz desaparece de localStorage.

En mi archivo index.js (paquete web), tengo el siguiente código para extraer taskList de localStorage o, si no existe (su primera visita), para crear una matriz en blanco, pero cada vez que reinicio vsCode, mi matriz se ha ido. Si mantengo vsCode abierto, puedo cerrar/reiniciar Firefox y mi almacenamiento local está intacto. ¿Alguien puede señalar lo que estoy haciendo mal?

 const taskList = JSON.parse(window.localStorage.getItem("taskList")); if (taskList === null) { const taskListcreate = []; localStorage.setItem("taskList", JSON.stringify(taskListcreate)); }

¿Hay algo en la configuración predeterminada de Webpack (o webpack.config.js o package.json) que borre el almacenamiento local en cada reinicio de la aplicación? No he agregado a sabiendas nada que lo haría, pero esa es la única explicación que se me ocurre actualmente.