LS, en la documentación ( https://firebase.google.com/docs/firestore/manage-data/add-data#custom_objects ) se dice que puede usar objetos personalizados. dan un ejemplo,

tengo esta pregunta Solo uso HTML, Bootstrap y jQuery. Hice una página HTML - testfunction.html. Entre las etiquetas, puse la configuración de Firebase de la aplicación web. Puse la clase City y cityConverter en la misma parte del script donde configuré la configuración de Firebase de la aplicación web.

Hice un botón en esa página así

 <p><button class="btn btn-primary btn-sm" id ="docConvert">Save to cities with City_Converter</button></p>

Si hace clic en el botón, se ejecuta esta función:

 document.getElementById("docConvert").addEventListener("click", dataConvert); function dataConvert(){ var docID = "citie05"; db.collection("cities").doc(docID) .withConverter(cityConverter) .set(new City("New Los Angeles", "CA", "USA", 1000000)); }

Mi problema: la función no funciona> los datos no se escriben en la base de datos. En mi controlador (navegador) recibo el mensaje: " db.collection(...).doc(...).withConverter is not a function "

Traté de colocar el código var cityConverter = { ..}; en la parte de mi secuencia de comandos donde coloqué la configuración de Firebase de la aplicación web> no funciona. Lo coloqué encima de la parte de mi script donde coloqué el document.getElementByID ...; > no funciona

Así que tengo esta pregunta: ¿qué estoy haciendo mal?

(Hice las preguntas también en: https://github.com/firebase/snippets-web/issues/292 )