Al obtener datos de un módulo VueX a través de Getter, el objeto se envuelve con un proxy que arroja el siguiente error:
TypeError: intentó obtener un campo privado en la no instancia
al intentar leer una propiedad privada con un captador público.
class Example { #privateField; get privateField() { return this.#privateField; } } computed(){ getInfoForSpecificItem() { const arrayOfInstantiatedExamples = this.$store.getters['getArrayOfInstantiatedExamples']; for (let i = 0; i < arrayOfInstantiatedExamples.length; i += 1) { // trying to access it in this condition throws the error since the Object // has been wrapped with a Proxy coming from Vue (I guess) if (arrayOfInstantiatedExamples[i].privateField === 'something') { // does something } } } }¿Por qué no puedo leer la propiedad y cómo puedo crear una instancia desde el destino del proxy? el registro del objeto proxy revela que el objetivo tiene toda la información, pero intentar leerlo a través de getter no funciona.
¿Existen otras opciones además de hacer públicos los campos?
Estás definiendo una class no una function . Así que quita los paréntesis () .
class Example { No puede definir una variable con # . Solo se permite usar $ y _ en una variable. Así que reemplace # con $ como este $privateField;
Las clases son planos, no un objeto válido. Primero haga un objeto de esta clase.
const proxyWrappedExample = new Example; Después de registrar esto, puede evitar el error, pero se registra undefined .
Su código debería verse como
class Example { $privateField = 'something'; get privateField() { return this.$privateField; } } const proxyWrappedExample = new Example; // I receive the Object (which has been instantiated earlier) wrapped in a proxy Object. // Trying to access the property throws the error. // eg: console.log(proxyWrappedExample.privateField); // 'something' $privateField sin ningún valor se verá como sigue.
class Example { $privateField; get privateField() { return this.$privateField; } } const proxyWrappedExample = new Example; // I receive the Object (which has been instantiated earlier) wrapped in a proxy Object. // Trying to access the property throws the error. // eg: console.log(proxyWrappedExample.privateField); // 'undefined'