Сегодня, работая с базовым AngularJS Intro, я столкнулся с проблемой.
Я открыл PowerShell, чтобы приступить к проекту. НПМ сработал.
Мне удалось установить Angular, используя:
npm install -g @angular/cli
Каждый раз, когда я пытался запустить ng, я получал:
the term 'ng' is not recognized as the name of a cmdlet
npm install -g @angular/cliи тогда это сработало.
Ответы:
Первый путь в переменной пути должен быть путем NPM. Открыв командную строку Node.js, я обнаружил, что там работает команда ng. Я покопался в ярлыке и обнаружил, что он ссылается на команду, чтобы гарантировать, что первая переменная Path - это NPM. Исправить:
%AppData%\npmКак только я это сделал, я смог закрыть Powershell и снова открыть, и все сработало.
Сначала установите Node.js, затем перейдите в папку проекта с помощью командной строки, например D: \ project, а затем выполните эту команду:
npm install -g @angular/cli
Теперь запустите команду ng. Эта работа для меня.
-gОзначает глобальный характер . Если вы устанавливаете глобально, не имеет значения, находитесь ли вы в D: \ vs D: \ project при запуске этой команды. Одно предупреждение: это может быть не то, что вам нужно, если вы хотите использовать разные версии angular / cli для разных проектов.
В «Переменных окружения»
В разделе «Системные переменные»
В переменной "Путь" и перед "C:\Program Files (x86)\nodejs\"добавлением =>"%AppData%\npm"
.npmrcфайл с prefixустановленным путем AppData.
Решение сработало для меня:
Добавьте путь к переменной среды
C:\Users\YourPcName\AppData\Roaming\npm
а также вашу папку bin файла angular [представьте их сам]
C:\Users\YoutPcName\AppData\Roaming\npm\node_modules\angular-cli\bin
а затем запустите
ng -v
его, в командной строке появится окно angular cli gui. Примечание. После запуска npm i -g @angular/cliперезапустите командную строку и проверьте, работает ли она, в противном случае очистите кеш и повторите вышеуказанные шаги.
Для меня сработало изменение политики на Unrestricted:
Set-ExecutionPolicy Unrestricted -Scope CurrentUser
Я использовал следующее:
npm run ng serve
Это сработало для меня без необходимости устанавливать переменные среды.
После этого пришлось установить машинописный текст:
npm install typescript@">=3.4 <3.6"
Если название вашего проекта содержит '-'. Удалите и попробуйте. Это может вызвать проблемы при запуске ng.
Вам просто нужно закрыть код Visual Studio и снова перезапустить. Но чтобы команда ng работала в vs code, вам нужно сначала скомпилировать проект с помощью cmd в режиме администратора.
Я тоже столкнулся с той же проблемой. Но этот метод решил это.
Все ответы касаются того, как это исправить, но лучше всего загрузить nodeJs и позволить установщику добавить в переменную PATH.
Версии 12 и 13 слишком новые, поэтому мне пришлось скачать 11.15 https://nodejs.org/download/release/v11.15.0/
Вместо того, чтобы вводить команду «ng serve» в терминале кода Visual Studio, откройте путь к приложению angular в командной строке (Запуск от имени администратора).
Затем дайте команду "ng serve".
Затем откройте браузер и перейдите по адресу 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) перейдите в местоположение проекта через командную строку: C: \ Users \ brijeshray \ ParentChild> 2) Переустановите или обновите существующий angular как: npm install -g @ angular / cli @самый последний
3) Перейдите на компьютер или ПК -> Свойства -> Дополнительные настройки системы -> Переменная среды -> добавьте путь под «Пользовательская переменная» (если «Путь» там нет) ==> C: \ Users \ brijeshray \ AppData \ Roaming \ npm -> сохранить и перезапустить визуальный код
Для VSCode Terminal
первого открытия cmdи установки angular-cliкак глобального
npm install -g @angular/cli
Затем обновите свои переменные среды после этого шага
win + s // это откроет окно поиска%AppData%\npmвнутрьPATHOKи закройте.Теперь вы можете перезагрузить компьютер, VSCodeи он будет работать, как обычно.
После изменения пути вам необходимо перезапустить PowerShell. Компьютер перезагружать не нужно.
Проблема НЕ в установке 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.Я запустил команду ng serve в командной строке. Он успешно скомпилировал проект. Затем любые изменения, сохраненные в VS Code, автоматически обновляются в браузере.
PS: Я установил angular глобально.
Также вы можете выполнить следующую команду для решения: npm install -g @ angular / cli
Хотя были даны правильные ответы. Но все это у меня не сработало, потому что:
Итак, для всех вас, кто сталкивается с той же проблемой, что и я, вот что я сделал:
Вместо того ng serve
Я скопировал полный путь к местоположению, ngкак показано ниже, и это сработало. Итак, ng serveкоманда стала:
C:\Users\MyUserName\AppData\Roaming\npm\ng.cmd serve
Выбранные расширенные системные настройки введите описание изображения здесь. Нажмите «Переменные среды» введите описание изображения здесь. В разделе «Путь » укажите ПЕРВОЕ значение в списке % AppData% \ npm введите описание изображения здесь. Я сделал это. Закройте powershell и снова откройте. все работало