Polymer-Komponenten Schattige DOM-Stile sind einfach Kommentare zur Produktion

Question

Ich habe diesen Fehler für eine Weile verfolgt. Bei der Entwicklung funktioniert alles gut, wenn es nach Heroku zur Produktion geschoben wird, ist es nicht. Ich benutze Segel auf dem Backend, aber das ist kein Problem, da dies ein Client-seitiges Problem ist. Das Schlimmste ist, dass es funktioniert hat und erst vor ein paar Tagen kaputt gegangen ist. Meine Schritte zurückzuverfolgen, erwies sich nicht als Ursache.

Lange Geschichte kurze Bilder können helfen, falls jemand dies schon einmal gesehen hat.

Wenn die App auf Produktion Laden diese Fehler beginnen zeigt sich“

Das war verwirrend, da ich nicht das auf die Entwicklung vor Ort zu bekommen. Nachdem mit js concat und minification in der Vergangenheit in Probleme laufen ich drehte mich um, dass für die Produktion ab Noch gleichen Fehler Dann bemerkte ich, diese Differenz zwischen dem Leiter der Produktion und Entwicklung:..

Produktion:

Entwicklung

Weiter überprüfte ich meine Links zu den Polymerkomponenten I auf Last bin Hinzufügen und dynamisch für die erste Seite. Beide Produktion war eine Entwicklung die gleiche:

Next Ich habe versucht, dynamisch eine Polymerkomponente importieren Polymer.Base.importHref('/vendor/paper-checkbox/paper-checkbox.html') verwenden. Nach dem schattigen DOM Stile Import auf den Kopf zugefügt war anders für Produktion und Entwicklung

Produktion:

Entwicklung:

Schließlich, wenn ich dann erstellt ein Papier-Checkbox-Element mit document.createElement('paper-checkbox') Dinge funktionierten lokal gut auf Entwicklung. Auf die Produktion, Fehler wie zuvor:

Ich bin hier fest. Wenn jemand das vorher gesehen hat und Einsicht hat, schätze ich es.

Answer 1

Ich habe das Problem behoben, obwohl es möglicherweise ein anderes Problem gibt, das mit Polymer überprüft werden muss. Bei meinen vielen Deploys bemerkte ich in einem der Build-Logs, dass die für Polymer installierte Versionsnummer anders war als die, die ich in meiner bower.json Datei und dem lokalen System hatte. Die Nebenversion sprang von 1.3.1 auf 1.4.0. Mein bower.json verwendet^anstelle von ~. Das^erlaubt Änderungen an allen außer der linken Versionsnummer, während das ~ nur Änderungen des Patchlevels erlaubt.

Original-bower.json:

New bower.json:

dachte, ich würde es versuchen. Sobald ich Polymer 1.3.1 installiert hatte, wurde installiert und meine Seite war wieder einsatzbereit. Hoffentlich hilft das jemandem in der Zukunft.