今日、いくつかの基本的なAngularJSイントロを処理しているときに、問題が発生しました。
プロジェクトを開始するためにPowerShellを開きました。NPMは機能しました。
以下を使用してAngularをインストールできました:
npm install -g @angular/cli
ngを実行しようとすると、次のようになります。
the term 'ng' is not recognized as the name of a cmdlet
今日、いくつかの基本的なAngularJSイントロを処理しているときに、問題が発生しました。
プロジェクトを開始するためにPowerShellを開きました。NPMは機能しました。
以下を使用してAngularをインストールできました:
npm install -g @angular/cli
ngを実行しようとすると、次のようになります。
the term 'ng' is not recognized as the name of a cmdlet
npm install -g @angular/cli
、そしてそれはうまくいった。
回答:
path変数の最初のパスはNPMパスである必要があります。Node.jsコマンドプロンプトを開くと、ngコマンドがそこで機能していることがわかりました。ショートカットを掘り下げてみると、最初のPath変数がNPMであることを確認するコマンドを参照していることがわかりました。修正するには:
%AppData%\npm
それを行うと、PowerShellを閉じて再度開くことができ、すべてが機能しました。
最初にNode.jsをセットアップし、次にD:\ projectなどのコマンドプロンプトを使用してプロジェクトフォルダーに移動し、次のコマンドを実行します。
npm install -g @angular/cli
次に、ngコマンドを実行します。これは私にとってはうまくいきます。
-g
グローバルの略です。グローバルにインストールする場合、このコマンドを実行するときにD:\とD:\ projectのどちらにいるかは関係ありません。1つの警告は、異なるプロジェクトに異なるバージョンのangular / cliを使用したい場合、これはあなたが望むものではないかもしれないということです。
「環境変数」で
「システム変数」セクション
「Path」変数内で、"C:\Program Files (x86)\nodejs\"
追加する前に=>"%AppData%\npm"
.npmrc
とのファイルprefix
のAppDataパスとして設定します。
私のために働いた解決策:
環境変数へのパスを追加します
C:\Users\YourPcName\AppData\Roaming\npm
角度ファイルのbinフォルダと同様に[自分自身を提示]
C:\Users\YoutPcName\AppData\Roaming\npm\node_modules\angular-cli\bin
次に実行
ng -v
すると、コマンドプロンプトにangular cliguiがポップアップ表示されます。注実行後npm i -g @angular/cli
、コマンドプロンプトを再起動し、それが機能するかどうかを確認します。それ以外の場合は、キャッシュをクリーンアップして、上記の手順を繰り返します。
ポリシーを無制限に変更すると、うまくいきました。
Set-ExecutionPolicy Unrestricted -Scope CurrentUser
Visual Studio Codeを閉じて、再起動するだけです。ただし、ngコマンドをvs codeで機能させるには、最初に管理者モードでcmdを使用してプロジェクトをコンパイルする必要があります。
私も同じ問題に直面していました。しかし、この方法はそれを解決しました。
Visual Studioコードターミナルで「ngserve」コマンドを実行する代わりに、コマンドプロンプト(管理者として実行)で角度のあるアプリパスを開きます。
次に、「ngserve」コマンドを実行します。
次に、ブラウザを開いてhttp:// localhost:4200 /にアクセスします。
わたしにはできる。
このPowerShellスクリプトは、環境変数「パス」に正しい設定を追加するように機能しました(ユーザーごとの設定として)。%AppData%\ npm ...を追加し、「ng」を使用するコマンドラインを再起動します。
$existingPath = [System.Environment]::GetEnvironmentVariable("Path","User")
write-host "existing PATH variable is $existingPath"
$newPath = "%AppData%\npm;$existingPath"
write-host "new PATH will be $newPath"
# update here
[System.Environment]::SetEnvironmentVariable("Path", $newPath, "User")
$finalPath = [System.Environment]::GetEnvironmentVariable("Path","User")
write-host "final PATH variable is $finalPath"
以下の手順で解決しました
1.コマンドプロンプトを右クリックします2.管理者として実行します3.npm install -g @ angular / cliと入力します
1)マイコンピュータ(Windows)を右クリック2)システムの詳細設定を選択3)[環境変数]をクリック4)[パス]変数の下で、最初の値を%AppData%\ npmにリストしました
最初は:C:\ Program Files \ Microsoft MPI \ Bin \;%SystemRoot%\ system32;%SystemRoot%;%SystemRoot%\ System32 \ Wbem;%SYSTEMROOT%\ System32 \ WindowsPowerShell \ v1.0 \; C:\ Program Files \ TortoiseSVN \ bin;
パス追加後:C:\ Program Files \ Microsoft MPI \ Bin \; %AppData%\ npm; %SystemRoot%\ system32;%SystemRoot%;%SystemRoot%\ System32 \ Wbem;%SYSTEMROOT%\ System32 \ WindowsPowerShell \ v1.0 \; C:\ Program Files \ TortoiseSVN \ bin;
エラーがまだ発生する場合は、以下のようにもう1つ試すことができます 1)コマンドプロンプトからプロジェクトの場所に移動します:C:\ Users \ brijeshray \ ParentChild> 2)既存のangularを次のように再インストールまたは更新します:npm install -g @ angular / cli @最新
3)コンピューターまたはPCに移動->プロパティ->システムの詳細設定->環境変数->「ユーザー変数」の下にパスを追加(「パス」がない場合)==> C:\ Users \ brijeshray \ AppData \ Roaming \ npm->保存して、ビジュアルコードを再起動します
問題はNPMのインストールでもパスでもありません!「ng」コマンドを使用する場合は、angular-cliをインストールする必要があります。次のコマンドを実行する
npm install -g @angular/cli
上記の回答に基づいて、ここに統合があります。
npm install -g @angular/cli@project_version
以下のパスを環境変数に追加します->システム変数->パス(管理者アクセスが必要です)。
C:\ Users \ YourPcAccountName \ AppData \ Roaming \ npm C:\ Users \ YoutPcAccountName \ AppData \ Roaming \ npm \ node_modules \ angular-cli \ bin最初の値が次のようにリストされていることを確認します %AppData%\npm
ng serve
ます。コマンドプロンプトで「ngserve」コマンドを実行しました。プロジェクトを正常にコンパイルしました。次に、VS Codeに保存された変更はすべて、ブラウザーで自動的に更新されます。
PS:Angularをグローバルにインストールしました。
システムの詳細設定が選択され 、ここで画像の説明入力して 「環境変数」をクリック ここに画像の説明を入力し 、「パス」変数の下を、リストされた最初の値作っ%APPDATA%\ NPM ここで入力した画像について 、私はthat.Close PowerShellを行なったし、再度開きます。すべてうまくいった