오늘 기본적인 AngularJS Intro를 통해 작업하는 동안 문제가 발생했습니다.
프로젝트를 진행하기 위해 PowerShell을 열었습니다. NPM이 작동했습니다.
다음을 사용하여 Angular를 설치할 수있었습니다.
npm install -g @angular/cli
ng를 실행하려고 할 때마다 다음을 얻습니다.
the term 'ng' is not recognized as the name of a cmdlet
오늘 기본적인 AngularJS Intro를 통해 작업하는 동안 문제가 발생했습니다.
프로젝트를 진행하기 위해 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
나서 효과가있었습니다.
답변:
경로 변수의 첫 번째 경로는 NPM 경로 여야합니다. Node.js 명령 프롬프트를 열면 ng 명령이 작동하는 것으로 나타났습니다. 바로 가기를 살펴본 결과 첫 번째 Path 변수가 NPM인지 확인하는 명령을 참조하는 것으로 나타났습니다. 고치다:
%AppData%\npm
그렇게 한 후에는 powershell을 닫고 다시 열 수 있었고 모두 작동했습니다.
먼저 Node.js를 설정 한 다음 D : \ project와 같은 명령 프롬프트를 사용하여 프로젝트 폴더로 이동 한 다음 다음 명령을 실행합니다.
npm install -g @angular/cli
이제 ng 명령을 실행하십시오. 이것은 나를 위해 일합니다.
-g
세계를 의미합니다. 전역으로 설치하는 경우이 명령을 실행할 때 D : \ 대 D : \ project에 있는지 여부는 중요하지 않습니다. 한 가지 경고는 다른 프로젝트에 다른 버전의 angular / cli를 사용하려는 경우 원하는 것이 아닐 수 있다는 것입니다.
"환경 변수"에서
"시스템 변수"섹션에서
"경로"변수와 "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
하면 명령 프롬프트에 각도 CLI GUI가 나타납니다. 참고 실행 후 npm i -g @angular/cli
명령 프롬프트를 다시 시작하고 그렇지 않으면 캐시를 정리하고 위의 단계를 반복하는지 확인하십시오.
다음을 사용했습니다.
npm run ng serve
환경 변수를 설정할 필요없이 저에게 효과적이었습니다.
그 후에 typescript를 설치해야했습니다.
npm install typescript@">=3.4 <3.6"
정책을 Unrestricted로 변경하면 효과가있었습니다.
Set-ExecutionPolicy Unrestricted -Scope CurrentUser
Visual Studio 코드를 닫고 다시 시작하기 만하면됩니다. 그러나 ng 명령이 vs 코드에서 작동하게하려면 먼저 관리자 모드에서 cmd로 프로젝트를 컴파일해야합니다.
나는 또한 같은 문제에 직면했다. 그러나이 방법은 그것을 해결했습니다.
모든 답변은 문제를 해결하는 방법에 대한 것이지만 가장 좋은 방법은 nodeJ를 다운로드하고 설치 프로그램이 PATH 변수에 추가하도록하는 것입니다.
버전 12와 13은 너무 새롭기 때문에 11.15 https://nodejs.org/download/release/v11.15.0/ 를 다운로드해야했습니다.
Visual Studio 코드 터미널에서 "ng serve"명령을 내리는 대신 명령 프롬프트에서 각도 앱 경로를 엽니 다 (관리자 권한으로 실행).
그런 다음 "ng serve"명령을 내립니다.
그런 다음 브라우저를 열고 http : // localhost : 4200 /로 이동합니다.
그것은 나를 위해 작동합니다.
이 powershell 스크립트는 내 환경 변수 "Path"(사용자 별 설정으로)에 올바른 설정을 추가하는 데 사용되었습니다. 다음을 추가합니다. % 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을 나열한 FIRST 값을 만들었습니다.
초기 : 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) 기존 각도를 다음과 같이 다시 설치하거나 업데이트합니다. 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
.명령 프롬프트에서 'ng serve'명령을 실행했습니다. 프로젝트를 성공적으로 컴파일했습니다. 그런 다음 VS Code에 저장된 변경 사항은 브라우저에서 자동으로 새로 고쳐집니다.
추신 : 전 세계적으로 앵귤러를 설치했습니다.
선택한 고급 시스템 설정 에 이미지 설명 입력 "환경 변수"를 클릭하고 여기에 이미지 설명을 입력하십시오 . "경로"변수에서 FIRST 값을 나열했습니다. % AppData % \ npm 여기에 이미지 설명을 입력하십시오 .Powershell을 닫고 다시 엽니 다. 모두 일했다