Gulpウォッチ タスクが長時間機能していると、SXA Creative Exchange Liveが正しく機能せず、SCSSファイルをCSSにコンパイルできない場合があります。
この問題は、Gulp 3.xおよびそれ以前のバージョンで発生します。
本事象を解決するには、以下の選択肢のいずれかを検討してください:
- Gulpをバージョン4.0.0以降へアップグレードします(推奨)。
例として、テーマのGulpバージョンをアップグレードするには、次の手順を行ってください:
- テーマのバックアップを作成します。
- ターミナルで次のコマンドを実行します:
npm config set @sxa:registry=https://sitecore.myget.org/F/sc-npm-packages/npm/
npm i -g @sxa/CLI
- テーマから次のフォルダーを削除します:
[テーマのフォルダー]\gulp
- 次のファイルを削除します:
[テーマのフォルダー]\gulpfile.babel(不要になります)
[テーマのフォルダー]\index.js(不要になります)
[テーマのフォルダー]\package.json(再生成されます)
- ターミナルで次のコマンドを実行します:
sxa init
sxa config
- 次の設定を指定したテーマを構成します:
- SitecoreインスタンスのURL
- Sitecoreテーマ名
- Sitecoreテーマ パス
- ES6+ javascriptファイルをES2015までトランスパイルする
- 縮小ファイルをコンパイルする
- jsソース ファイルをアップロードする
- 縮小ファイルをコンパイルする
- cssソース ファイルをアップロードする
- sassソース ファイルをアップロードする
- ターミナルで次のコマンドを実行します:
npm install
sxa watch All -d
- 備考:SXA CLIの詳細については、SXA CLI を使用したテーマの追加を参照してください。
- gulp all-watchタスクを再起動します。
註:数回行う必要がある可能性があります。