2017-08-26 5 views
0

問題:
ちょうど高分子バージョン2 に私のポリマーPWAを更新開始し、現在のコンソールとは何も負荷内の各要素に同じエラーを取得します。

キャッチされない例外TypeError:クラスが未定義の値がnull

同様の問題は、循環依存関係とは何かを持っていたコンストラクタかではありませんが、私はこれがなぜ起こるか本当にわからない拡張し、それを正確に手段と方法を解決するためにどのようなそれ。多分誰かがここで物事をクリアすることができます!

アイデア:
私はまだDOM-場合は使用しbower_components /ポリマー/ libに/要素/ DOM-if.htmlを輸入していて、それはハイブリッドモードだPolymer2 &のミックスのいくつかの並べ替えを使用している可能性がありPolymer2 + Firebaseは:TypeError例外クラスは、値が未定義の拡張ではなく、コンストラクタまたはnull


しかし、私はこれは
クラスのMyAppはPolymer.Element

例1を拡張へのコンソールポイントとしてエラーを引き起こしているとは思いません同じエラーで

例2:

 <!-- 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> 
+0

あなたの 'bower.json'にあるポリマーのバージョンは確認できますか? – Ofisora

+0

私はすべてのコンポーネントを削除し、 "polymer"をインストールしました: "Polymer/polymer#^ 2.0.0"しかし、3つのコンフリクトがありますので、私は最新バージョンのプレフィックスを付けてbower.jsonの私の決議に追加しました。 – Niklas

答えて

0

それでは、私は言及を忘れてしまったことは、私は私のアプリを提供して展開するFirebaseを使用していますということです。
私は、2つのbower-componentsフォルダがあることに気付きました。
Firebaseは、アプリケーションを配備するときに、パブリックフォルダ内のコンポーネントがそれを出荷することを要求します。

bower-componentsを更新するとき、私は単に、自分のパブリックフォルダ内の既存のフォルダを変更するのではなく、トップレベルのディレクトリに新しいフォルダを作成するだけでした。これは一見明らかですが、誰かが同じ問題を抱えている場合に備えて、オンラインで質問を残します。

関連する問題