アセットパブリッシャーを使用してリッチサマリーコンテンツを表示するときに、ブラウザコンソールの"Invalid state passed to 'buttonStyle'"エラーを解決する方法

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• アセットパブリッシャーで "Rich Summary" テンプレートを使用してWebコンテンツを表示すると、ブラウザコンソールに以下のような警告が複数表示されます
  

  Warning: Error: Invalid state passed to 'buttonStyle'. Expected one of the following values: ["link","primary","secondary"]. Passed to 'ClayLink'.

環境

• DXP-3とDXP-18の間のパッチレベルを持つDXP 7.1

解決

• 警告を解決するには、Liferay バンドルのパッチを DXP-19 に更新して、LPS-84808の修正を含むようにします

追加情報

• この動作は7.1で発生します。これは、LPS-84808がJavascriptを使用してコンポーネントをレンダリングするロジックを追加し、LPS-84808の変更（7.1のプレリリースで実装）と組み合わせてすべてのソーシャルボタン用の"invalid buttonStyle"を指定すると警告が発生するためです。これは、Javascriptを使用してコンポーネントとClay 2.x（clay-linkに渡された buttonStyle 値を検証する）を直接レンダリングするのではなく、レンダリングする場合に警告メッセージをログに記録します
• パッチの更新が実行可能ではないが、警告を削除する必要がある場合は、回避策があります。
  • メッセージは、Webコンテンツのエントリの近くにあるソーシャルブックマークのリンクが原因で発生します（問題のある3つは、Facebook、Linkedin、Twitterのソーシャルブックマーク です）
  • そのため、対応するモジュールをブラックリストに登録することで、ブラウザコンソールのエラーを回避できます。 ブラックリストモジュールの詳細については、こちらをご参照ください
•  表示設定の構成も合わせてご参照ください