EvolutionのフロントエンドをPolymer3対応する(3)の続編です。前回までの対応で、ページをロードしたときに、ブラウザのコンソールにエラーが出ることが少なくなりました。多くのページで表示が崩れていたり、うまく表示できないエレメントがあります。対応してなかったエレメントに関連するところだったのですが、これらの対応を解説していきます。いったワーニングが表示されます。並列に記述されている場合に発生します。移動しました(コミット)。続いて1つずつの修正はそれぞれ大きくないものの、動作するまでの調整をたくさん実施しました(コミット)。機能(toDate())を使っています。'moment';と記述すればよかった(動いた)のですが、どうしてもロケールの解決がうまくいかない(Webpackするとエラーになる)ので、今回はあきらめてHTML側でグローバルに利用できる形にしました。src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/ja.js"></script>いくつかWebpackとmomentのissueも見つけて解決策もありそうだったのですが、とりあえず困らないのでこの方法で。エレメントは以下のようになっていました。<template><slot></slot></template></dom-module>`;document.head.appendChild($_documentContainer.content);もとのHTMLでの記述は以下のようになっていました。使うように変換されていたのですが、bowerでインストールしたコンポーネントの多くは上記のように変換されていました。使うようにしてみたところ解決しました。返却するように対応しました。さいごに4回にわたって、Polymer1のプロジェクトをPolymer3に移行した解説をしてきました。この連載がPolymer1からアップグレードする他の方の手助けになれば幸いです。基本的な部分は、ほとんどmodulizerで変換できるので、これは便利だなーと思うのでした。Polymer3対応した依存エレメントは、どこかのタイミングでPRを出してフィードバックしたいなと思っています。