FROM CACHE - jp_header

shopify cliの環境変数設定について

解決済

shopify cliの環境変数設定について

Kou231
Shopify Partner
6 0 1

shopify cliを2から3にアップグレードしようと思い、アンインストールしてこちで「npm install -g @Shopify/cli @Shopify/theme」インストールしたらshopifyコマンドが認識されず困っております。

 

どのように設定したらよろしいでしょうか? shopify cliの環境変数設定の仕方など教えていただければと思います。

 

エラー内容:

'shopify' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。

 

よろしくお願いいたします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1058 435 427

成功

@Kou231 様

 

興味があり調査してみました。

 

私自身は同様の問題に遭遇したことがないのですが、

ShopifyのGithub Issueに解決策が提示されていました。

(あくまでワークアラウンドとのことです。)

 

https://github.com/Shopify/cli/issues/1405#issuecomment-1439043335

 

上記リンクの、FIX STEPSをお読みいただくのが間違いないですが、

ざっくり解説いたします。

(少しアレンジしてあります。)

 

(1) Windowsの環境変数を確認する。

例えば、PowerShellで下記を実行し、nodejsとnpmのPATHが含まれているか確認します。

$env:PATH

 

ちなみに、私の手元のWindowsでは下記のように出力されました。

C:\Python311\Scripts\;C:\Python311\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files\Git\cmd;C:\ProgramData\chocolatey\bin;C:\HashiCorp\Vagrant\bin;C:\Program Files\nodejs\;C:\Ruby32-x64\bin;C:\Users\admin\AppData\Local\Microsoft\WindowsApps;C:\Users\admin\AppData\Roaming\npm;C:\Users\admin\AppData\Local\Programs\Microsoft VS Code\bin

見にくいので、セミコロンで改行します。

C:\Python311\Scripts\;
C:\Python311\;
C:\WINDOWS\system32;
C:\WINDOWS;C:\WINDOWS\System32\Wbem;
C:\WINDOWS\System32\WindowsPowerShell\v1.0\;
C:\WINDOWS\System32\OpenSSH\;
C:\Program Files\Git\cmd;
C:\ProgramData\chocolatey\bin;
C:\HashiCorp\Vagrant\bin;
C:\Program Files\nodejs\;
C:\Ruby32-x64\bin;
C:\Users\admin\AppData\Local\Microsoft\WindowsApps;
C:\Users\admin\AppData\Roaming\npm;
C:\Users\admin\AppData\Local\Programs\Microsoft VS Code\bin

nodejsとnpmの2つのPATHが含まれています。

この状態であればおそらくコマンドを実行できます。

 

 

(2) nodejsもしくはnpmもしくは両方のPATHが存在しないよでしたらPATHを追加します。

この時、nodejsのPATHは、npmのPATHの上に位置するようにします。

 

nodejsのPATHは特殊なインストールをされていなければ私と同じはずです。

C:\Program Files\nodejs\;

npmのパスは、adminの部分をnpmをインストールしたユーザー名に変更されれば良いはずです。

C:\Users\{ご自身のユーザー名}\AppData\Roaming\npm;

 

Windowsの環境変数の設定方法は下記のサイト様の記事が参考になるかもしれません。

https://anykey.bz/win/win10-path/

 

なお、記事中では、

[PATH]と表現されていますが、

実際の記載はPathです。

 

私の場合は、

nodesのPATHはユーザー環境変数に、

npmのPATHはシステム環境変数に、

記載されていました。

($env:PATH 実行時に、ユーザー環境変数 -> システム環境変数の順に出力されるようです。)

 

(3) 全ての設定が完了したら$env:PATHで、追加したPATHが出力されるか確認する

 

(4) 問題ないようであれば、Shopfy cliを実行したターミナル(PowerShellやGit Bashなど)を念のため再起動する

 

 

以上です。

 

私自身が問題を再現できていないのでこれで確実に直るとはいい切れないのですが、

参考になる情報があれば幸いです。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1058 435 427

成功

@Kou231 様

 

興味があり調査してみました。

 

私自身は同様の問題に遭遇したことがないのですが、

ShopifyのGithub Issueに解決策が提示されていました。

(あくまでワークアラウンドとのことです。)

 

https://github.com/Shopify/cli/issues/1405#issuecomment-1439043335

 

上記リンクの、FIX STEPSをお読みいただくのが間違いないですが、

ざっくり解説いたします。

(少しアレンジしてあります。)

 

(1) Windowsの環境変数を確認する。

例えば、PowerShellで下記を実行し、nodejsとnpmのPATHが含まれているか確認します。

$env:PATH

 

ちなみに、私の手元のWindowsでは下記のように出力されました。

C:\Python311\Scripts\;C:\Python311\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files\Git\cmd;C:\ProgramData\chocolatey\bin;C:\HashiCorp\Vagrant\bin;C:\Program Files\nodejs\;C:\Ruby32-x64\bin;C:\Users\admin\AppData\Local\Microsoft\WindowsApps;C:\Users\admin\AppData\Roaming\npm;C:\Users\admin\AppData\Local\Programs\Microsoft VS Code\bin

見にくいので、セミコロンで改行します。

C:\Python311\Scripts\;
C:\Python311\;
C:\WINDOWS\system32;
C:\WINDOWS;C:\WINDOWS\System32\Wbem;
C:\WINDOWS\System32\WindowsPowerShell\v1.0\;
C:\WINDOWS\System32\OpenSSH\;
C:\Program Files\Git\cmd;
C:\ProgramData\chocolatey\bin;
C:\HashiCorp\Vagrant\bin;
C:\Program Files\nodejs\;
C:\Ruby32-x64\bin;
C:\Users\admin\AppData\Local\Microsoft\WindowsApps;
C:\Users\admin\AppData\Roaming\npm;
C:\Users\admin\AppData\Local\Programs\Microsoft VS Code\bin

nodejsとnpmの2つのPATHが含まれています。

この状態であればおそらくコマンドを実行できます。

 

 

(2) nodejsもしくはnpmもしくは両方のPATHが存在しないよでしたらPATHを追加します。

この時、nodejsのPATHは、npmのPATHの上に位置するようにします。

 

nodejsのPATHは特殊なインストールをされていなければ私と同じはずです。

C:\Program Files\nodejs\;

npmのパスは、adminの部分をnpmをインストールしたユーザー名に変更されれば良いはずです。

C:\Users\{ご自身のユーザー名}\AppData\Roaming\npm;

 

Windowsの環境変数の設定方法は下記のサイト様の記事が参考になるかもしれません。

https://anykey.bz/win/win10-path/

 

なお、記事中では、

[PATH]と表現されていますが、

実際の記載はPathです。

 

私の場合は、

nodesのPATHはユーザー環境変数に、

npmのPATHはシステム環境変数に、

記載されていました。

($env:PATH 実行時に、ユーザー環境変数 -> システム環境変数の順に出力されるようです。)

 

(3) 全ての設定が完了したら$env:PATHで、追加したPATHが出力されるか確認する

 

(4) 問題ないようであれば、Shopfy cliを実行したターミナル(PowerShellやGit Bashなど)を念のため再起動する

 

 

以上です。

 

私自身が問題を再現できていないのでこれで確実に直るとはいい切れないのですが、

参考になる情報があれば幸いです。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
Kou231
Shopify Partner
6 0 1

解決しました。ありがとうございます。