【PR】を含みます。

プログラミング

【Windows】TypeScriptのtscコマンドが実行できない原因と解決策を徹底解説

Windows TypeScriptのtscコマンドが実行できない原因と解決策を徹底解説

tscコマンドを実行すると以下のようなエラーが表示されることがあります。

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

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

このエラーが表示される場合、npmのパス設定や環境変数に原因があることが多いです。

本記事では、tscが動作しない原因とその解決策を初心者でも分かりやすく解説します。

作業環境
  • Windows
  • Node.js 22.14.0
  • TypeScript 5.8.2

tscコマンドが実行できない原因

  1. TypeScriptがインストールされていない
  2. npmのグローバルパスが環境変数に設定されていない

では、それぞれの解決策を見ていきましょう。

①TypeScriptがインストールされていない場合の対応方法

「コマンドプロンプト」にnpm prefix -gと入力し、npmのグローバルパッケージがインストールされているディレクトリパスを確認します。

Copyをクリックするとコピーできます。

Command
Copy
npm prefix -g
npmのグローバルパッケージがインストールされているディレクトリパスを確認

表示されたディレクトリに移動し、tsc.cmdが存在するか確認します。

npmのグローバルパスが環境変数に設定されていない場合の対応方法説明画像1

存在しない場合はTypeScriptがインストールされていない可能性があるため、TypeScriptをインストールしてください。

tsc.cmdが存在する場合は、npmのグローバルパスが環境変数に設定されていない場合の対応方法の内容を確認してください。

TypeScriptのインストール方法は以下記事で解説しています。

あわせて読む
Windows TypeScriptのインストール手順

【Windows】TypeScriptのインストール手順

もくじ事前準備(Node.jsのインストール)TypeScriptのインストール手順TypeScriptのインストール確認 Windows環境でTypeScriptを始めたい方必見! 本記事では、Ty ...

②npmのグローバルパスが環境変数に設定されていない場合の対応方法

「コマンドプロンプト」にnpm prefix -gと入力し、npmのグローバルパッケージがインストールされているディレクトリパスを取得します。

このパスが環境変数に設定されていないと、tscをコマンドとして認識できないため、環境変数PATHにnpmのグローバルパスを追加する必要があります。

Copyをクリックするとコピーできます。

Command
Copy
npm prefix -g
npmのグローバルパッケージがインストールされているディレクトリパスを確認

環境変数PATHにnpmのグローバルパスを追加する手順

  1. 「Win + R」を押して「ファイル名を指定して実行」を開く

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像1
  2. 「名前(O)」にsysdm.cplと入力し、「OK」をクリック

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像2
  3. 「詳細設定」タブをクリック

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像3
  4. 「環境変数(N)...」をクリック

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像4
  5. 「ユーザー環境変数(U)」の「Path」を選択し、「編集(E)...」をクリック

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像5
  6. 「新規(N)」をクリック

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像6
  7. npm prefix -gで取得したパスを追加(例: C:\Users\ユーザー名\AppData\Roaming\npm)

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像7
  8. 「OK」をクリックして設定を保存する

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像8
  9. 「OK」をクリック

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像9
  10. コマンドプロンプトを再起動してください

  11. 「コマンドプロンプト」にtsc -vなどのtscコマンドを入力し、「Enter」を押下

    環境変数PATHにnpmのグローバルパスを追加する手順説明画像10
  12. 正常に動作するか確認してください

-プログラミング
-,