1

私はしばらくこのエラーを追いかけてきました。開発ではすべてがうまく機能していますが、本番用に Heroku にプッシュするとうまくいきません。バックエンドで帆を使用していますが、これはクライアント側の問題であるため、問題ではありません。最悪の部分は、これが機能していて、ほんの数日前に壊れたことです. 私の歩みをさかのぼっても、原因はわかりませんでした。

長いストーリーの短い写真は、誰かがこれを以前に見たことがある場合に役立つかもしれません.

本番環境でアプリをロードすると、これらのエラーが表示され始めます」

コンソール エラー

開発時にローカルでこれを取得していなかったため、これは混乱を招きました。過去にjs concatとminificationで問題が発生したため、本番環境ではオフにしました。それでも同じエラー。次に、生産と開発の責任者の違いに気付きました。

製造: 怪しげな DOM を示すプロダクション ヘッド

発達

怪しげな Dom を示す開発者の頭

次に、ロード時に動的に追加するポリマー コンポーネントへのリンクを最初のページにチェックしました。両方の生産と開発は同じでした:

ポリマーの輸入

次に、 を使用してポリマー コンポーネントを動的にインポートしてみましたPolymer.Base.importHref('/vendor/paper-checkbox/paper-checkbox.html')。head に追加された怪しげな DOM スタイルをインポートした後、本番環境と開発環境では異なっていました

製造:

shady dom スタイルのプロダクションを追加

発達:

ここに画像の説明を入力

document.createElement('paper-checkbox')最後に、開発時にローカルで問題なく機能する paper-checkbox 要素を作成したとき。本番環境では、以前と同じようにエラーが発生します:

ここに画像の説明を入力

私はここで立ち往生しています。誰かがこれを以前に見て、洞察を持っているなら、私はそれを感謝します.

4

1 に答える 1

1

問題は解決しましたが、Polymer で確認する必要がある別の問題がある可能性があります。bower.json多くのデプロイで、ビルド ログの 1 つで、Polymer 用にインストールされたバージョン番号が、ファイルおよびローカル システムにあるものと異なることに気付きました。マイナー バージョンが 1.3.1 から 1.4.0 にジャンプしました。~のbower.json代わりに ^ を使用しました。^ は、一番左のバージョン番号以外のすべての変更を許可しますが、~ はパッチ レベルの変更のみを許可します。

オリジナルbower.json:

元の bower.json

新しいbower.json:

新しい bower.json

やってみようと思いました。Polymer 1.3.1 をデプロイすると、サイトがバックアップされて機能するようになりました。うまくいけば、これは将来誰かを助けるでしょう。

于 2016-03-24T00:53:53.780 に答える