2016-12-20 2 views
0

Ich habe einige benutzerdefinierte Element-Code. Aus irgendeinem seltsamen Grund wirft es mir einen 404 in Chrome in einem Teil des Codes, wo es keine Netzwerkaktivität gibt.Warum sollte eine Klassenliste einen HTTP-Antwortcode ausgeben?

404 on classList.toggle

Die Konsole sagt es http://localhost:4000/null zu schlagen versucht, aber es gibt keine Aktivität in dem Netzwerk-Registerkarte. Dies geschieht nicht in Firefox.

Hier ist der volle Umfang dieser Funktion:

attributeChangedCallback(attr, oldVal, newVal) { 

    switch (attr) { 

    case 'show': 
     this.classList.toggle('modal-window--show', newVal == 'true') 
     break; 
    case 'heading': 
     this.querySelector('.modal-window__header').textContent = newVal 
     break; 

    } 
} 

Ich bin mit dem Document Register Element pollyfill.

+0

Haben Sie es außerhalb des benutzerdefinierten Elements versucht? Haben Sie eine Erweiterung, die diesen Codeabschnitt beeinträchtigen könnte? Können Sie es mit einer anderen Chrome-Version (z. B. Canary) versuchen oder das Problem in einem Snippet/jsbin/fiddle reproduzieren? Beachten Sie, dass das Polyfill in Chrome nicht verwendet wird. – Supersharp

+0

Dank @Supersharp, mehr Untersuchung führte mich zu der Ursache, die unten ist. Falscher Alarm. – shennan

Antwort

0

Ich war hier dicht.

Die ungültige Anfrage wurde in meinem Netzwerkfenster nicht angezeigt, weil ich einen Filter für XHTTPRequests aktiviert hatte. Wenn ich die Netzwerkanforderung gesehen hätte, hätte ich gewusst, dass die Netzwerkanforderung für ein Hintergrundbild galt, das über eine Klasse angewendet wurde. Daher wurde der Fehler nach dem Umschalten einer Klasse ausgelöst.

Verwandte Themen