簡體   English   中英

ng:使用angular-cli創建新項目時找不到命令

[英]ng: command not found while creating new project using angular-cli

使用( npm install -g angular-cli )全局安裝了angular-cli但是當我嘗試使用ng new my-project創建項目時它拋出錯誤:

ng:找不到命令

問題很簡單, npm不知道ng

只需運行npm link @angular/cli ,它應該可以無縫工作。

首先, angular-cli已被棄用並已替換為@angular/cli 因此,如果您使用npm uninstall angular-cli卸載現有的 angular-cli,然后使用新名稱 @angular/cli 重新安裝軟件包,您可能會遇到一些沖突。 我在 Windows 7 上的故事是:

我已經安裝了 angular-cli 並使用npm install -g @angular/cli重新npm install -g @angular/cli ,但是在對命令行工具進行一些配置更改后,我開始遇到 ng 命令未找到問題。 我花了幾個小時試圖解決這個問題,但上述問題都沒有單獨奏效。 我能夠使用以下步驟修復它:

安裝Rapid Environment Editor並刪除 node、npm、angular-cli 或 @angular/cli 的所有 PATH 條目。 Node.js 將在您的 System 路徑中,npm 和 angular 條目在 User 路徑中。

卸載 node.js 並重新安裝當前版本(對我來說是 6.11.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\\Roaming\\npm\\node_modules\\@angular文件夾。

重新啟動,然后,最后,運行:

npm install -g @angular/cli

然后屏住呼吸,跑:

ng -v

如果你幸運,你會得到一些愛。 以后每次運行 ng 命令時都要屏住呼吸,因為在 ng 運行良好后,“找不到命令”神奇地再次出現在我面前,我認為問題已解決。

確保 npm 目錄在您的“ Path ”變量中。

如果模塊安裝正確,如果您從全局節點模塊目錄中啟動它可能會工作,但是當您不在此目錄中時,您的命令行工具不知道在哪里可以找到ng命令。

對於Win系統變量添加如下內容:

%USERPROFILE%\AppData\Roaming\npm

如果您使用類Unix 終端(模擬器):

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

最簡單的解決方案是(如果您已經安裝了 angular ):

1 刪除 ng 別名(如果存在)

unalias ng

2 添加正確的別名

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

3 運行 ng serve 例如,它會工作。

這就是我讓它為我工作的方式:)。

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將顯示附加快照中顯示的輸出。

在此處輸入圖片說明

我希望這個答案會有所幫助。

對於 Mac 運行

npm install -g @angular/cli@latest

然后運行

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

檢查是否工作

ng version

運行以下命令:

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 

吳-v

我已經通過添加別名解決了同樣的問題,例如:

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

在我的情況下安裝 angular cli

npm install -g @angular/cli@latest

將 Nodejs 更新為 latest ,然后一切正常。

...如果你仍然有這個問題,那可能是因為你在 shell 中而不是在 cmd 中運行命令(你需要在 cmd 中運行命令),檢查一下,也許它會有所幫助......

如果您已全局安裝 angular cli 但ng不起作用,請執行以下操作:

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

source ~/.bashrc

ng --version

%AppData%\\npm添加到 Win 路徑對我%AppData%\\npm

來源: https : //github.com/angular/angular-cli/issues/1183 ,第一條評論。

首先,檢查你的 npm 和 node 是否安裝正確
使用命令npm versionnode -v

如果它們是正確的:

  1. 找到 NPM npm root -g的根全局目錄(它將為您提供全局 npm 存儲的根目錄)

  2. 使用npm uninstall -g angular-clinpm cache clean卸載舊的 angular cli

  3. 重新安裝新版本的 angular npm install -g @angular/cli@latest

  4. 做一個 Name 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>"
(來自 16 年 10 月 20 日 15:30 @m.zemlyanoi 的回答)

然后檢查你可以輸入 ng -v

對於 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"

完畢

嘗試這個 :

別名 ng="~/node_modules/@angular/cli/bin/ng"

同樣的問題在這里運行Windows 10 x64 / NodeJS 6.9.1 / npm 3.10.9
通過 npm 安裝 Angular CLI 后:

找不到“ng”命令

請執行下列操作:

  1. 使用npm uninstall -g npm
  2. 通過控制面板/程序和功能卸載 NodeJS
  3. https://nodejs.org/download/release/v6.5.0/ ( node-v6.5.0-x64.msi ) 下載並運行“舊” NodeJS 安裝程序版本 6.5.0
  4. NodeJS 6.5.0安裝完成后,打開powershell, npm install -g angular-cli
  5. 來杯速溶咖啡
  6. 安裝完成后,ng 工作正常。

HTH

在嘗試創建項目之前,請確保安裝了angular-cli Windows 用戶可以在不授予命令權限的情況下安裝angular-cli ,但 MAC 用戶在執行命令之前必須使用sudo ,如下所示:

sudo npm install -g angular-cli

在詢問時輸入密碼,然后按 Enter 繼續。

對於 macBook 操作系統

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

嘗試使用 ng -v 如果不起作用然后設置別名並嘗試

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

你安裝node js包了嗎? https://nodejs.org/en/問候

如果您在安裝 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

根據npmangular-cli已重命名為@angular/cli您可以使用以下語法來安裝它。

npm install -g @angular/cli

如果您使用asdf-vm ,則需要運行adsf reshim nodejs以重新創建與全局模塊的鏈接。

在我的情況下,這解決了我的問題,我希望你們也能解決。

僅適用於 Windows 操作系統的解決方案......第一步:

安裝 nodejs 版本:nodev 8.1.2

第二步:設置環境變量如:C:\\ProgramFiles\\nodejs

第三步:安裝angular 使用這個命令:npm install -g @angular/cli

安裝后無論你在哪里創建項目,如:ng new first-project......

對我來說(在 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

跑步

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

有幫助。

確保您的實際用戶名在 myusername 部分

在 Windows 上修復 NodeJS 安裝為我解決了這個問題。

我來這里是因為我在 Windows 上遇到了同樣的問題。 最讓我困惑的是,自從 Angular 4 到處涉足以來,我已經安裝了 Node。 果然。 那是我的問題。 我需要升級節點。

只需安裝最新版本對我來說效果很好,而無需在新安裝后執行上述任何步驟

如果您在Windows 7中工作並且無法運行命令 start with ng

請立即更新 angular/CLI 並嘗試使用 ng 命令

使用以下命令更新最新的 CLI

npm install -g @angular/cli@latest

這適用於更新您的 angular/cli //*Global 包(cmd 作為管理員)

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

首先使用 npm 作為全局模塊安裝“@angular/cli”

sudo npm install -g @angular/cli

之后嘗試使用終端窗口中的“ng”命令ping cli。如果有任何問題,如

未找到命令“ng”

然后你需要手動設置

ng

命令可用性。您可以通過運行以下命令來設置此步驟。

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

例如:

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

就我而言,它發生在我重新開始處理相鄰選項卡時。 這是未設置的 npm。 請使用檢查 npm wither 的版本

npm -v

或者如果你有 nvm 那么

虛擬機列表

或者

非易失性電流

我將它設置為 8.9.1,然后它又開始工作了。 我希望它有幫助。

使用( npm install -g angular-cli )全局npm install -g angular-cli但是當我嘗試使用ng new my-project創建ng new my-project它拋出錯誤:

ng:找不到命令

使用( npm install -g angular-cli )全局npm install -g angular-cli但是當我嘗試使用ng new my-project創建ng new my-project它拋出錯誤:

ng:找不到命令

使用( npm install -g angular-cli )全局npm install -g angular-cli但是當我嘗試使用ng new my-project創建ng new my-project ,拋出錯誤:

ng:找不到命令

如果已安裝zsh,則也應在主目錄的.zshrc文件中添加別名。

最長時間,這是 npm 和 angular cli 之間的路徑問題沖突。

對我有用的解決方案->

  1. %USERPROFILE%\\AppData\\Roaming將此粘貼到文件資源管理器中並刪除npm文件夾。
  2. npm install -g @angular/cli@latest運行此命令以重新安裝最新的 angular cli。
  3. npm link @angular/cli現在這個命令可以解決你的路徑問題

從字面上看,三個步驟將解決您的問題,否則您需要通過搜索和打開來更新環境變量編輯系統環境變量

Ariful Ahsan https://arifulahsan.com

如果您使用企業計算機並且無法訪問系統環境

使用RapidEE編輯用戶變量然后添加到路徑這些

%AppData%\npm

或者

%USERPROFILE%\AppData\Roaming\npm

它在 Windows 上對我有用

最有可能的問題是您使用的是 PowerShell 而不是命令行。 如果您使用 Windows PowerShell 運行:

cmd

然后下一次嘗試:

ng --version

如果它工作運行:

ng new my-project

我遇到了同樣的問題,我使用的是 git bash 終端,我使用這個命令安裝了 angular cli

npm install -g @angular/cli

但是當我嘗試創建新應用程序時,它給了我錯誤 ng: command not found,我剛剛重新啟動了我的電腦並且它工作了,即使再次關閉和打開終端也會有時解決問題

MACOS用戶的永久解決方案:

打開終端:

sudo vim /etc/Paths

添加新行。 (插入,按 fn+i)

/Users/[your-user]/.npm-global/bin

按 ESC ,然后按 :wq (從編輯器退出)

重啟終端(關閉並再次打開終端..)檢查路徑;

~ % echo $PATH

它現在應該列在路徑列表中。如下所示;

/opt/homebrew/bin:/opt/homebrew/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/[myuser]/.npm-global/bin ....

干得好,現在 ng 命令,

版本

Angular CLI: 14.1.0

在這里嘗試了一切之后,解決我的問題的是:

  1. 確保我有最新的node.js版本(從這里重新安裝: https ://nodejs.org/en/download/)
  2. powershell運行命令

對我來說,在 Linux 上:

你可以從主頁打開 .bashrc 文件,然后你會注意到下面的命令:

# Load Angular CLI autocompletion.
source <(ng completion script)

用 # 符號注釋掉上面看到的“source”命令,然后保存文件。

# source <(ng completion script)

然后重新打開終端,你現在可以使用它了。

您現在可以使用以下命令代替 ng:

然后打開 Angular 項目所在的工作目錄,試試這個命令:

$ npm start

你可以打開 package.json 文件並移動到“scripts”鍵所在的行,然后移動到“start”鍵,你會注意到你想輸入的ng serve然后,你可以從添加主機和端口你的選擇是這樣的:

“開始”:“ng serve --host 0.0.0.0 --port 4200”

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM