Generische URL zur Benutzer-Abrechnungsseite in Javascript funktioniert nicht

Ich dachte das, weil api.onPageChange(url) bereits vorhanden und einwandfrei ausführbar ist. Beachte bitte, dass ich den Code von hier anpasse, sodass es sehr wahrscheinlich wahr ist, dass ich im setupComponent-Methode Zugriff auf das api-Objekt habe.

Zur weiteren Klärung, hier ist, was ich bisher habe:

Mit dem Code

<script type="text/discourse-plugin" version="0.8">
    const user = api.getCurrentUser();
    console.log("/u/" + user.username + "/billing/subscriptions");

    api.registerConnectorClass("above-user-profile", "back-button", {
    setupComponent(args, component) {

    api.onPageChange((url) => {

        if (url === "/u/" + user.username + "/billing/subscriptions" ){ 
          document.querySelector("html").classList.add("custom-homepage"); 
          component.set("displayCustomHomepage", true); 
        } else {  
          document.querySelector("html").classList.remove("custom-homepage"); 
          component.set("displayCustomHomepage", false); 
        }
    });
    }
});

Erhalte ich die korrekte Ausgabe /u/Miles/billing/subscriptions in der Konsole. Aber wenn ich folgendes tue:

<script type="text/discourse-plugin" version="0.8">
    

    api.registerConnectorClass("above-user-profile", "back-button", {
    setupComponent(args, component) {

    const user = api.getCurrentUser();
    console.log("/u/" + user.username + "/billing/subscriptions");

    api.onPageChange((url) => {

        if (url === "/u/" + user.username + "/billing/subscriptions" ){ 
          document.querySelector("html").classList.add("custom-homepage"); 
          component.set("displayCustomHomepage", true); 
        } else {  
          document.querySelector("html").classList.remove("custom-homepage"); 
          component.set("displayCustomHomepage", false); 
        }
    });
    }
});

Gibt es keine Ausgabe zu finden…