Shopify CLI で「the page you were looking for does not exist」と表示された時の対応

Shopify CLIを使用していた際、以下のようにエラー画面が表示されました。

そのため、開発環境でストアが見れない状況となりましたが、自力で解決できたので情報として残しておきます！

解決した手順

以下の順番で、ターミナルにコマンドを入力すると解決しました。

1. shopify theme pull
2. shopify theme dev
3. shopity theme dev --theme-editor-sync

エラーが起こる時

テーマのファイルを、shopify theme pull（自身のPCにダウンロード）した後、shopify theme dev --theme-editor-sync を行なっていました。

1. shopify theme pull
2. shopify theme dev --theme-editor-sync

エラーの原因

.jsonのファイルが pull されていなかったことが原因です。

何故かshopify theme dev を1回挟まないと、以下の状態になることがあるようです。

• configファイルにある、.jsonファイルの中身がない。
• templatesファイルに .jsonファイルがない。

エラーが出るファイルと正常なファイル

↓エラーが出るファイル：.jsonファイルがない。

↓正常なファイル：jsonがある。

↓本番のテーマにも ちゃんとjsonファイルがある。

まとめ

the page you were looking for does not exist のエラーが表示される時は、jsonファイルが足りていない可能性があります！

本番テーマのファイルと、自身のPCにあるファイルに差がないか を確認してみましょう！