説明

Creative Exchangeモジュールを使用してSXAサイト（テーマ、ページ）をエクスポートする際に、ブラウザーがスタイルとスクリプトを正しく表示しない場合があります。本モジュールは、Assert Optimizerによって処理された静的ファイルを生成しますが、最適化されたCSS及びJavaScriptアセットへのリンクが、zipパッケージに含まれていないファイルを参照するために、この事象が発生します。

例えば、zipパッケージには次のファイルが含まれていますが、

/sitecore/media/Base Themes/Core Libraries/scripts/optimized-min.js

/sitecore/media/Base Themes/Core Libraries/styles/optimized-min.css

連結されたアセットへのリンクに、以下のような不要な数字とハイフンが含まれています。

-/media/Base-Themes/Core-Libraries/scripts/optimized-min-1.js

-/media/Base-Themes/Core-Libraries/styles/optimized-min-2.css

本事象は、SXA 1.8.0及び1.8.1バージョンで発生します。

解決策

本事象を解決するには、次のオプションのいずれかを検討してください。

• 以下のように、公式ドキュメントで記載されている通り、Asset Optimizerを手動で無効にします。
  コンテンツ エディターで、次のアイテムにアクセスし、
  
  • /sitecore/system/Settings/Foundation/Experience Accelerator/Theming/Optimiser/Scripts
  • /sitecore/system/Settings/Foundation/Experience Accelerator/Theming/Optimiser/Styles
  モードを「Concatenate と Minify」から「Disabled（無効化）」に設定します。
• 「\App_Config\Modules\SXA\Foundation\Sitecore.XA.Foundation.Theming.config」ファイルを開き、 「XA.Foundation.Theming.AssetsOptimizationSwitch.Enabled」設定を「true」へ変更します。