説明

nextjs-sxaテンプレート以外から作成されたReact、Angular、VueまたはNext.jsベースのJavaScript Services（JSS）アプリケーションでは、共有パーシャル デザインからのコンテンツがサイトのページに表示されない場合があります。その際、以下のエラーがログに出力されます：

A rendering error occurred: Cannot read properties of underdefined (reading 'attributes')

PartialDesignDynamicPlaceholder
JSS component- is missing React implementation. See the developer console for more information.

 

このエラーは、「PartialDesignDynamicPlaceholder」というJSSコンポーネントが、nextjs-sxa以外のテンプレートにデフォルトで含まれていないことによって発生します。

解決策

この問題を解決するには、以下のオプションのいずれかを検討してください。

• ソリューションをSitecore XP 10.4.0以降にアップグレードします。
• Sitecore 10.3の場合は、KB1002846から累積的hotfixをダウンロードしてインストールします。

または代替策として、Next.jsベースのJSSアプリケーションの場合、nextjs-sxaテンプレートに含まれる「PartialDesignDynamicPlaceholder」コンポーネントをnextjs-styleguideテンプレートにコピーしてください。