ng:angular-cliを使用して新しいプロジェクトを作成しているときにコマンドが見つかりません


112

npm install -g angular-cli)を使用してグローバルにインストールされたangular-cliを使用してプロジェクトを作成しようとすると、ng new my-projectエラーがスローされます。

ng:コマンドが見つかりません


ng --helpと入力するとどうなりますか?これはangular cliリポジトリにも投稿されました。このリンクを
VirendraJ

ng --help同じ問題ng:コマンドが見つからない場合でも、問題ログにnvmの使用を提案していますが、npmを使用したいと思います。.profileにエイリアスを追加してパスを修正しようとしましたが、すでにプロキシ設定が存在するため、alias = alias ng = "Users / xxxx / npm / lib / node_modules / angular-cli / bin /を使用して新しいパスを追加するにはどうすればよいですかng」
レゴ

あなたは、お使いのOSのバージョンだけでなく、あなたのNPMバージョン投稿することができます
PD farhad

Mac OS、npmバージョン-2.14.20およびノー​​ドバージョン-4.4.0を使用
レゴ

3
あなたはそれを介して、intalledされていることを確認することができます...npm ls --global --depth 0
Brocco

回答:


154

問題は単純で、npm知らないng

実行するだけでnpm link @angular/cliシームレスに動作します。


4
これについてもう少し説明できますか?
Pardeep Jain、

4
@PardeepJain:linkコマンドは基本的にグローバルリンクを作成し、グローバルインストールターゲットをプロジェクトのnode_modulesフォルダーにリンクします。
abhinavroy23

2
申し訳ありませんが動作しません。 alias ng="PATH-TO-GLOBAL/.npm-global/bin/ng" ( Location of ng file in npm folder) これでうまくいきました。
saran3h

2
これはうまくいきました。で実行する必要がありましたsudosudo npm link @angular/cli
Craig

2
このソリューションが機能していることを確認できます。私はWindowsを使用しており、このソリューションがうまく機能したことを確認できます。しかし、私はさらに何かをしなければなりませんでした:これをPowerShellで実行します: "Set-ExecutionPolicy Unrestricted"。これにより、.ps1(powershell)ファイルを実行できます。
lucamuh

47

まず、angular-cliは非推奨で、に置き換えられました@angular/cli。したがって、既存のangular-cliをnpm uninstall angular-cliでアンインストールしてから、パッケージを新しい名前@ angular / cliで再インストールすると、競合が発生する可能性があります。Windows 7での私の話は:

angular-cliをインストールしてを使用して再インストールしましたがnpm install -g @angular/cli、コマンドラインツールの構成を変更した後、ngコマンドが見つからないという問題が発生し始めました。私はこれを修正するために数時間費やしましたが、上記の問題のどれもそれだけではうまくいきませんでした。私はこれらの手順を使用してそれを修正することができました:

Rapid Environment Editorをインストールし、node、npm、angular-cliまたは@ angular / cliのPATHエントリを削除します。Node.jsはシステムパスにあり、npmと角度のエントリはユーザーパスにあります。

node.jsをアンインストールし、現在のバージョン(6.16.1の場合)を再インストールします。Rapid Environment Editorを再度実行し、node.jsとnpmがシステムパスまたはユーザーパスにあることを確認します。既存のngバージョンをアンインストールします。

npm uninstall -g angular-cli

npm uninstall -g @angular/cli

npm cache clean

削除はC:\ Users \ユーザー%YOU%\のAppData \ローミング\ NPM \ node_modules \ @angularフォルダ。

再起動し、最後に次を実行します。

npm install -g @angular/cli

次に、息を止めて実行します。

ng -v

運が良ければ愛を得るでしょう。ngコマンドを実行するたびに前向きに息を止めてください。ngが正常に実行されて問題が解決したと思った後、魔法のように「コマンドが見つかりません」が数回表示されたためです。


3
sudo npm install -g @ angular / cli
Mohammad Suhel Shaikh 2018

申し訳ありませんが、これは機能していません。上記のコマンドをすべて試し、sudoを使用してコマンドを発行しました。Mac OSを使用しています。
ピクセル

私はこのフォーマットに従いましたが、Rapid Environment Editorがなくても問題なく動作しました。Windows 10では、環境変数のパスを手動で更新しました。私の最後のプロジェクトはdotnetコアだったので、しばらくの間NodeやAngularを実行していませんでした。したがって、npmとnodeの両方の最新バージョンを再インストールしてから、パスをリセットして、angular / cliアンインストール手順の前に再起動する必要がありました。
Vic

21

npmディレクトリが「Path」変数にあることを確認してください。

モジュールが適切にインストールされている場合、グローバルノードモジュールディレクトリから起動すると機能する可能性がありますが、コマンドラインツールはng、このディレクトリにいないときにコマンドの場所を認識していません。

以下のための勝利のシステム変数のようなものを追加します。

%USERPROFILE%\AppData\Roaming\npm

そして、もしあなたがUNIXライクなターミナル(エミュレーター)を使うなら:

PATH=$PATH:[path_to_your_user_profile]/path-to-npm

2
CLIの異なるバージョンを使用して複数のプロジェクトで作業する場合(常に単一のグローバルバージョンを実行することはオプションではないため)、Angularのルートディレクトリ内でコマンドexport PATH=$PATH:node_modules/@angular/cli/bin/ngを実行する限り、ローカルバージョンが選択されますng(サブ)プロジェクト。
Janaka Bandara

@JanakaBandara Win10でそのエクスポートコマンドをどのように追加しますか?.bash_profileに追加してもよろしいですか?
ディエゴオルティス

1
うん、私は通常それを追加します.bashrc
Janaka Bandara

17

これは私がそれを私のために働いた方法です:)。

1- npm link @angular/cli

次のようなcliのパスが返されます

/usr/local/Cellar/node/11.3.0_1/lib/node_modules/@angular/cli

この部分/11.3.0_1については、これをそれぞれのノードバージョンに置き換えてください。node --version

2- cd ~/

3- open .bash_profile

bashプロファイルで、次のようにcliのエイリアスを作成します。

alias ng="/usr/local/Cellar/node/11.3.0_1/lib/node_modules/@angular/cli/bin/ng"

4- source ~/.bash_profile

エイリアス.bash_profile追加すると、このようになります。

ここに画像の説明を入力してください

ngターミナルに入力すると、接続されたスナップショットに示されている出力が表示されます。

ここに画像の説明を入力してください

この回答がお役に立てば幸いです。


1
ちょうどはnpm link @angular/cli私のために十分でした。ありがとう。
Kunal Dethe

それがあなたを助けてくれてうれしい:)
Divyanshu Rawat

16

最も簡単な解決策は次のとおりですすでに角度をインストールしている場合):

1 ngエイリアスが存在する場合は削除します

unalias ng

2正しいエイリアスを追加する

alias ng="/Users/<user_name>/.npm-global/bin/ng"

たとえば、3 run ng serveで動作します。


Macには.npm-globalディレクトリがありません
ピクセル

@pixelは、Macにnpm-globalがあることを確認してください。詳細については、こちらを参照してくださいflaviocopes.com/npm-packages-local-global
Achref Gassoumi

1
@AchrefGassoumiありがとうございますが、何時間もグーグルで検索した後、ロケーションへのエイリアスが機能しないことを示唆するロケーションはありません。私はこの質問に私の答えで説明したように、私はこれを解決するための唯一の方法がdo使用NVMたstackoverflow.com/questions/58138138/...
ピクセル

14

Macの場合

npm install -g @angular/cli@latest

次に実行します

alias ng="/usr/local/lib/node_modules/node/lib/node_modules/@angular/cli/bin/ng"

機能しているか確認する

ng version

私は次のエイリアスコマンドを使用する必要がありました:-alias ng = "/ usr / local / lib / node_modules / @ angular / cli / bin / ng"
cammando

11

以下のコマンドを実行します。

npm uninstall -g angular-cli

npm uninstall -g @angular/cli

npm cache clean

npm install -g @angular/cli@latest

alias ng="C:/Users/itaas/.npm-global/ng" (npmフォルダー内のngファイルの場所)

そして最後に実行します:

ng -v 

NG-V


Angular 7では、これは$ ngバージョンに変更されたと思います
raikumardipak

これで1つの問題は解決しますが、別の問題が発生します。これは常に、アプリケーションレベルからではなくグローバルからNGを実行していることを意味します。
Itanex

いいえ、ここではngキーワードを再定義しています。アプリレベルのようなものはありません。これは、現在のユーザーの構成ファイルです
Gajender Singh

9

私の場合、angular cliをインストールします

npm install -g @angular/cli@latest

Nodejsをlatest更新すると、すべて正常に動作します。

...それでも問題が解決しない場合は、コマンドをcmdではなくシェルで実行しているためと思われます(cmdでコマンドを実行する必要があります)。これを確認してください。


8

私は次のようなエイリアスを追加することで同じ問題を解決しました:

alias ng="path-to-your-global-node-modules/angular-cli/bin/ng"

これは私にとってはうまくいきましたが、ログインするたびにそれをしなければならなかったので、.bashrcファイルに「nano〜/ .bashrc」のように追加し、そこに次の行を追加しました:alias ng = "/ usr / local / lib / node_modules / @ angular / cli / bin / ng "
vagrantで


5

Macユーザーの場合:

1)@ angular / cliをグローバルにインストールする

$ sudo npm install -g @angular/cli
/usr/local/Cellar/node/10.0.0/bin/ng -> /usr/local/Cellar/node/10.0.0/lib/node_modules/@angular/cli/bin/ng

2)ngのエイリアスを作成する

alias ng="/usr/local/Cellar/node/10.0.0/lib/node_modules/@angular/cli/bin/ng"

できた


5

angular cliをグローバルにインストールしたが、ngが機能しない場合は、次のようにします。

echo -e "export PATH=$(npm prefix -g)/bin:$PATH" >> ~/.bashrc

source ~/.bashrc

ng --version

C:\> echo -e "export PATH = $(npm prefix -g)/ bin:$ PATH" >>〜/ .bashrcシステムは指定されたパスを見つけることができません。
GregJF

このコマンドは、Unix / Linuxユーザー専用です。Windowsを使用している場合、Angular CLIは管理者モードでインストールする必要があります。
faye.babacar78

4

これを試して :

エイリアスng = "〜/ node_modules / @ angular / cli / bin / ng"


3

プロジェクトを作成する前に、angular-cliがインストールされていることを確認してください。Windowsユーザーはコマンドに許可を与えなくてもangular-cliをインストールできますが、MACユーザーは次のようにコマンドを実行する前にsudoを使用する必要があります。

sudo npm install -g angular-cli

プロンプトが表示されたらパスワードを入力し、Enterキーを押して続行します。


3

Windows 10 x64 / NodeJS 6.9.1 / npm 3.10.9を実行している同じ問題。
npmを介してAngular CLIをインストールした後:

'ng'コマンドが見つかりません

以下をせよ:

  1. npmをアンインストールしました npm uninstall -g npm
  2. コントロールパネル/プログラムと機能からNodeJSをアンインストールしました
  3. ダウンロードして走った'古い' NodeJSリリース6.5.0インストーラからhttps://nodejs.org/download/release/v6.5.0/ノード-v6.5.0-x64.msi)。
  4. NodeJS 6.5.0のインストールが完了したら、Powershellを開き、 npm install -g angular-cli
  5. クイックコーヒーをつかむ
  6. インストールが完了すると、ngは正常に機能しました。

HTH


3

まず、npmとノード
がコマンドnpm versionとで正しくインストールされているかどうかを確認しますnode -v

それらが適切な場合:

  1. NPMのルートグローバルディレクトリを見つけnpm root -gます(グローバルnpmストアのルートが表示されます)

  2. npm uninstall -g angular-cli およびで古いAngular CLIをアンインストールしますnpm cache clean

  3. 角度の新しいバージョンを再インストールします npm install -g @angular/cli@latest

  4. 名前ngのエイリアスを作成:

alias ng="C:/ProgramData/npm/node_modules/@angular/cli/bin/ng"

alias ng="<ath-to-your-global-node-modules>/<angular cli path till ng>"
(回答済み:2016年10月20日15:30 @ m.zemlyanoiから)

次に、ng -vと入力して確認できます



2

angular-cliをインストールしているときにこのエラーが見つかった場合は、 -bash: ng: command not foundこれを試してみてください、

システムからノー​​ドを削除した後

install NVM from here https://github.com/creationix/nvm
Install Node via NVM: nvm install stable
run npm install -g angular-cli

2

によるとnpm、は angular-cli名前が変更され@angular/cli、次の構文を使用してインストールできます。

npm install -g @angular/cli

1

Windowsオペレーティングシステムのみのソリューション...最初のステップ:

nodejsバージョンのインストール:nodev 8.1.2

2番目のステップ:C:\ ProgramFiles \ nodejsのような環境変数を設定します。

3番目のステップ:次のコマンドを使用して角度をインストールします。npm install -g @ angular / cli

インストール後、次のようなプロジェクトを作成する必要がある場合:ng new first-project ......


1

私(MacOSX)では、次のことを行わなければなりませんでした。

nvm install stable
npm install -g angular-cli

これはngにインストールされました:

/usr/local/lib/node_modules/@angular/cli/bin/ng

しかし、npmはngへのリンクを入れませんでした

/usr/local/bin/

これが%PATHの一部ではなかったため、絶対アドレスを介して以外はコマンドラインから使用できました。

だから私は以下を使用してngへのリンクを作成しました:

sudo ln -sf /usr/local/lib/node_modules/\@angular/cli/bin/ng /usr/local/bin/ng

1

ランニング

export PATH=$PATH:/c/Users/myusername/AppData/Roaming/npm 

助けた。

実際のユーザー名がmyusernameセクションにあることを確認してください


誰かがこの人にメダルを渡した。作品は魅力が好きです。
Pramesh Bajracharya

0

Windows 7で作業していて、ngでコマンドを実行できない場合

すぐにangular / CLIを更新してngコマンドを使用してみてください

以下のコマンドを使用して最新のCLIを更新してください

npm install -g @angular/cli@latest

0

これは、angular / cli // * Globalパッケージを更新するために機能します(管理者としてのcmd)

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest

0

最初にnpmをグローバルモジュールとして使用して「@ angular / cli」をインストールします

sudo npm install -g @angular/cli

その後、ターミナルウィンドウから「ng」コマンドを使用してcliにpingを試行します。

コマンド 'ng'が見つかりません

次に、手動で設定する必要があります

ng

コマンドの可用性。このステップを設定するには、次のコマンドを実行します。

ln -s path-to-your-ng-command /bin

例えば:

sudo ln -s / opt / node / lib / node_modules / @ angular / cli / bin / ng / bin /


0

私の場合、隣接するタブで作業を再開したときに起こっていました。設定されていないnpmでした。npm witherのバージョンを確認してください

npm -v

またはあなたがnvmを持っているなら

nvmリスト

または

現在のnvm

8.9.1に設定すると、再び機能し始めました。お役に立てば幸いです。


0

これは私のために働きました:

  1. C:\ Users {{users}} \ AppData \ Roamingに移動し、npmフォルダーを削除します
  2. ノードをアンインストールして再度インストールします
  3. コマンドを実行して角度CLIをインストールします

    npm install -g @angular/cli
    

0

私の場合、私は単に間違ったノードバージョンを実行していました。

Angular(2)で遊ぶために、以前に新しいノードバージョンをインストールしました。職場では6.xを使用しているため、これがnvmのデフォルトです。ラップトップを再起動した後、ngノード6.xを再度実行していたため、ラップトップが機能しなくなりました。したがって、私にとっては、Angular CLIのインストールに使用したバージョンを使用するだけで済みました。

nvm use node // with the node alias pointing to the right version

または

nvm use v8.11.3 // if you happen to know the version

インストールされているバージョンとエイリアスを確認するには

nvm list 

0

MacOSコンピュータ(私のものはMOJAVE 10.14.2)を使用している場合は、〜/ .bash_profileファイルの最後に次の行を追加してください:

export ANGULAR=~/.nvm/versions/node/v10.8.0/bin/ng
export PATH=$ANGULAR:$PATH

インストールされているNode.jsのバージョンはv10.8.0です。あなたのバージョンを取得するには、これを実行します:

node --version

完了したら、ターミナル/ bash経由で再読み込みします。

cd ~
source .bash_profile

これらの手順を実行すると、ngバイナリファイルを実行できるようになります。


0

WindowsでNodeJSのインストールを修復すると、問題が解決しました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.