Ember kann die Eigenschaft 'find' von undefined nicht lesen

Question

Wir haben gerade einen Fehler-Tracker für unsere Ember-Anwendung installiert, und der einzige Fehler, der gemeldet wird, ist Cannot read property 'find' of undefined. Der Code, der diesen Fehler verursachen ist innerhalb einer Komponente, und sieht wie folgt aus:

this.set('interval', setInterval(() => { 
    const current = this.get('counter') - 1; 
    this.set('counter', current); 
    this.$().find('.countdown-number').text(current); // <- error here 
}, 1000)); 

Ich verstehe nicht, wie dies geschehen kann. Wie kann $() nicht definiert werden, da es ein Teil des Ember-Frameworks ist?

Nach dem Fehler-Tracker passiert es für eine Reihe von verschiedenen Browsern, neuesten Chrome zum Beispiel. Ich kann den Fehler jedoch in keinem Browser reproduzieren.

Ich weiß, das ist nicht der "ember Weg" zum Aktualisieren eines Textes in einem div, aber ich würde lieber nicht viel neu erstellen, ich möchte nur den Fehler mit so wenig Änderungen wie möglich beheben.

Answer 1

this.$() wird undefiniert, wenn die Komponente zerstört oder nicht ordnungsgemäß gerendert wird. Stellen Sie sicher, dass Sie this.$() nur aufrufen, wenn sich die Komponente in DOM befindet und unter willDestroyElement alle Ereignisse entfernen, die auf this.$() zugreifen können.