---
title: ストアフロントビルドのトラブルシューティング
description: 公開する前に、空白、古い、壊れた、または視覚的に正しくないストアフロントプレビューを診断します。
---

プレビューはストアフロントの問題を見つけるのに最も安全な場所です。重要なページとインタラクションがそこで機能するまで公開しないでください。

**エントリーパス:** Runnerドキュメント → **ヘルプとリファレンス** → **ストアフロントビルドのトラブルシューティング**。

## 開始する前に

- 影響を受けたストアを開き、問題が表示されるページとデバイス幅を特定してください。
- 最新のRunnerタスクが完了するまで待ってから、その結果をプレビューと比較してください。
- 最初にプレビューを使用してください。壊れた結果または不確実な結果をテストとして公開しないでください。

## ストアフロントで開始

1. 影響を受けたストアを開き、**ストアフロント**を選択します。
2. プレビューが予想されるプロジェクトと最新バージョンを表示していることを確認してください。
3. プレビューを1回リロードします。
4. デスクトップとモバイルデバイスビューを確認してください。
5. プレビューナビゲーションを通じて影響を受けたページを開きます。
6. 結果を最新のRunnerタスクとバージョン履歴と比較してください。

## 一般的な問題

| 表示内容 | 確認する内容 |
| --- | --- |
| 空白またはエラープレビュー | アクティブなビルドが完了するまで待ち、1回リロードして、現在のタスクで失敗を検査してください。 |
| 古いコンテンツ | 最新のタスクが完了し、プレビューが最新バージョンにあることを確認してください。 |
| 1つの幅でレイアウトが壊れる | デバイスコントロールで再現し、ページ、セクション、および幅をRunnerに伝えてください。 |
| 画像がない | メディアライブラリ、アセット選択、および画像自体が読み込まれるかどうかを確認してください。 |
| リンクが間違ったページを開く | ソースボタンと目的の宛先を焦点を絞った修正で名前を付けてください。 |
| 製品がない | ページが洗練されているだけでなく、製品が存在し、ストアフロントで利用可能であることを確認してください。 |
| デザインモードの変更がない | 編集が保存または適用されたことを確認してから、プレビューで同じページを再度開いてください。 |

## 便利なコントロール

| コントロール | 結果 |
| --- | --- |
| プレビューを更新 | 公開せずに現在のプレビューをリロードします。 |
| デバイスセレクター | プレビュー幅を変更して、レスポンシブレイアウトを検査できます。 |
| プレビューを開くまたは外部ビュー | より大きなプレビューを開きます。ストアをライブにすることはありません。 |
| デザインモード | 表示されているストアフロントコンテンツを選択して調整できます。 |
| バージョン履歴 | 保存されたバージョンと復元コントロールを表示します。復元はプロジェクト状態を変更するため、最初に確認してください。 |

## 有用な証拠でエスカレート

プロジェクト名、ページ、デバイスサイズ、予想される結果、表示される結果、最新のタスク状態、および個人データまたは顧客データなしのスクリーンショットを含めてください。

## 関連ガイド

- [ストアをプレビューする](../storefront-and-publishing/preview-your-store)
- [デザインモード](../storefront-and-publishing/design-mode)
- [バージョン履歴](../storefront-and-publishing/version-history)
- [Runnerタスクのトラブルシューティング](./troubleshoot-runner-tasks)