今日、いくつかの基本的なAngularJS Introの作業中に、問題に遭遇しました。 PowerShellを開いてプロジェクトを進めました。 NPMは機能しました。
を使用してAngularをインストールできました
npm install -g @angular/cli
Ngを実行しようとしたときはいつでも
the term 'ng' is not recognized as the name of a cmdlet
パス変数の最初のパスはNPMパスである必要があります。 Node.jsコマンドプロンプトを開くngコマンドがそこで機能することがわかりました。ショートカットを掘り下げたところ、最初のPath変数がNPMであることを確認するコマンドを参照していることがわかりました。修正するには:
%AppData%\npm
にリストしましたそれをやったら、powershellを閉じて再び開くことができ、すべてが機能しました。
最初にNode.jsをセットアップしてから、D:\ projectなどのコマンドプロンプトを使用してプロジェクトフォルダーに移動し、次のコマンドを実行します。
npm install -g @angular/cli
Ngコマンドを実行します。これは私のために働きます。
「環境変数」で
「システム変数」セクション
「パス」変数の前で"C:\Program Files (x86)\nodejs\"
を追加=> "%AppData%\npm"
angular cliをインストールすると、私の問題がグローバルに解決しました。
npm install -g @angular/cli
私のために働いたソリューション:
環境変数へのパスを追加
C:\Users\YourPcName\AppData\Roaming\npm
angularファイルのbinフォルダ[自分自身を提示]
C:\Users\YoutPcName\AppData\Roaming\npm\node_modules\angular-cli\bin
ng -v
を実行すると、コマンドプロンプトにangular cli guiがポップアップ表示されます。注npm i -g @angular/cli
を実行した後、コマンドプロンプトを再起動し、それが機能するかどうかを確認してください。
システム環境変数の編集を開く
「パス」および「PSモジュールパス」変数に「%AppData%\ npm」を追加します
管理者としてビジュアルコードを実行する
わたしにはできる!
Visual Studioコードを閉じて再起動するだけです。しかし、ngコマンドをvsコードで動作させるには、最初にcmdを管理者モードでプロジェクトをコンパイルする必要があります。
私も同じ問題に直面していました。しかし、このメソッドはそれを解決しました。
Visual Studioコードターミナルで「ng serve」コマンドを指定する代わりに、コマンドプロンプト(管理者として実行)でangular appパスを開きます。
次に、「ng serve」コマンドを実行します。
次に、ブラウザを開いて http:// localhost:4200 / に移動します
わたしにはできる。
このPowerShellスクリプトは、環境変数「パス」に正しい設定を追加するために機能しました(ユーザーごとの設定として)。
$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"
コマンドプロンプトで「ng serve」コマンドを実行しました。プロジェクトを正常にコンパイルしました。その後、VS Codeに保存された変更はすべて、ブラウザーで自動的に更新されます。
PS:angularをグローバルにインストールしました。
管理者としてPowershellまたはコマンドプロンプトnotを実行します。
Npm(5.5.1)を使用して最新バージョンに更新すると、問題が解決しました。
以下の手順に従って解決しました
1.コマンドプロンプトを右クリック2.管理者として実行3.npm install -g @ angular/cliと入力
プロジェクト名に「-」が含まれている場合。削除して試してください。これにより、「ng」の実行で問題が発生する可能性があります。
ノードjsを最新バージョンに更新する必要があります。それ以外の場合は、ノードjsをアンインストールして、再度インストールします。
問題はNPMのインストールでもパスでもありません! 「ng」コマンドを使用する場合は、angular-cliをインストールする必要があります。次のコマンドを実行して
npm install -g @angular/cli
パスを変更した後、powershellを再起動する必要があります。コンピューターを再起動する必要はありません。
上記の回答に基づいて、ここに統合があります。
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
を実行します。1)マイコンピューター(ウィンドウ)を右クリック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)コマンドPrompt:C:\ Users\brijeshray\ParentChildを使用してプロジェクトの場所に移動します> 2)既存のangularを再インストールまたは更新:npm install -g @ angular/cli @ latest
3)コンピューターまたはPCに移動します->プロパティ->システムの詳細設定->環境変数->「ユーザー変数」の下にパスを追加します(「パス」がない場合)==> C:\ Users\brijeshray\AppData\Roaming\npm->保存してビジュアルコードを再起動します
また、管理者としてコマンドプロンプトを実行するか、使用する端末を確認することもできます。 Visual Studio Codeを使用していますが、VS Codeを管理者として実行していない場合、ng serve
コマンドで正確なエラーが表示されます。