問題:
ちょうど高分子バージョン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>
あなたの 'bower.json'にあるポリマーのバージョンは確認できますか? – Ofisora
私はすべてのコンポーネントを削除し、 "polymer"をインストールしました: "Polymer/polymer#^ 2.0.0"しかし、3つのコンフリクトがありますので、私は最新バージョンのプレフィックスを付けてbower.jsonの私の決議に追加しました。 – Niklas