Polymer2 + Firebase: Typeerror-Klasse erweitert Wert nicht definiert, keinen Konstruktor oder null

Question

Problem:
Gerade erst begonnen meine Polymer PWA Polymer Version zu aktualisieren 2 und nun den gleichen Fehler für jedes Element in der Konsole und nichts Lasten .

Uncaught Typeerror: Klasse Wert undefined erstreckt kein Konstruktor ist oder null

ähnliche Probleme hatten etwas zu tun mit zirkulären Abhängigkeiten, aber ich bin nicht wirklich sicher, warum dies geschieht, was es genau bedeutet und wie zu lösen es. Vielleicht kann jemand hier etwas klären !?

Idee:
Ich könnte eine Art Mischung aus Polymer2 & wurde unter Verwendung ihrer Hybrid-Modus, da ich immer noch die dom-wenn und importierte den bower_components/Polymer/lib/Elemente/dom-if.html bin mit
aber ich glaube nicht, das den Fehler als die Konsole Punkte auf
Klasse MeineAnw verursacht erstreckt Polymer.Element

Beispiel 1:

Beispiel 2 mit dem gleichen Fehler:

 <!-- import CSS mixin shim --> 
<link rel="import" href="../../bower_components/shadycss/apply-shim.html"> 
<!-- import custom-style --> 
<link rel="import" href="../../bower_components/polymer/lib/elements/custom-style.html"> 
<link rel="import" href="../../bower_components/polymer/polymer-element.html"> 
<!-- Polymer Imports --> 
<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<link rel="import" href="../../bower_components/app-layout/app-grid/app-grid-style.html"> 
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html"> 
<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html"> 
<link rel="import" href="../../bower_components/iron-icon/iron-icon.html"> 
<link rel="import" href="custom-icons.html"> 
<!-- Custom Elements & Style --> 

<dom-module id="my-footer"> 
    <template> 
    <style include="app-grid-style"> 
     :host > * { 
     display: block; 
     --app-grid-columns: 3; 
     --app-grid-gutter: 24px; 
     } 
    </style> 

    <div> 
     <ul id="footer" class="app-grid"> 
      <li>Terms of use</li> 
      <li> 
      <a href="https://www.facebook.com"> 
       <iron-icon icon="custom-icons:facebook"></iron-icon> 
      </a> 
      <a href="https://www.instagram.com"> 
       <iron-icon icon="custom-icons:instagram"></iron-icon> 
      </a> 
      </li> 
      <li on-tap="openPolicy">Privacy Policy</li> 
     </ul> 
    </div> 
    <paper-dialog id="policyDialog" with-Backdrop> 
     <h2>Privacy Policy</h2> 
     <h2>Privacy Policy for yogiyolie.com </h2> 
    </paper-dialog> 
    </template> 

    <script> 
    class MyFooter extends Polymer.Element { 
     static get is() { return 'my-footer'; } 
     constructor() { 
     super(); 
     } 

     connectedCallback() { 
     super.connectedCallback(); 
     this._updateGridStyles = this._updateGridStyles || function() { 
      this.updateStyles(); 
     }.bind(this); 
     window.addEventListener('resize', this._updateGridStyles); 
     } 

     disconnectedCallback() { 
     super.disconnectedCallback(); 
     window.removeEventListener('resize', this._updateGridStyles); 
     } 

     openPolicy() { 
     this.$.policyDialog.toggle(); 
     } 
    } 

    customElements.define(MyFooter.is, MyFooter); 
    </script> 
</dom-module> 

Answer 1

Also, was ich vergaß zu erwähnen ist, dass ich Firebase bin mit meiner App dienen und bereitstellen.
Ich habe gerade festgestellt, dass ich 2 Bower-Komponenten-Ordner habe.
Firebase benötigt die Komponenten im Öffentlichen Ordner, um sie bei der Bereitstellung der App zu versenden.

Beim Aktualisieren der Bower-Komponenten habe ich einfach nur einen neuen Ordner im obersten Verzeichnis erstellt, anstatt den vorhandenen Ordner in meinem öffentlichen Ordner zu ändern. Obwohl dies offensichtlich erscheint, werde ich die Frage online stellen, sollte jemand eines Tages dasselbe Problem haben.