Angular CLI 오류 : serve 명령을 Angular 프로젝트에서 실행해야하지만 프로젝트 정의를 찾을 수 없습니다.


158

터미널 명령 ng server또는을 실행할 ng serve --live-reload=true때이 문제가 발생합니다.

serve 명령을 Angular 프로젝트에서 실행해야하지만 프로젝트 정의를 찾을 수 없습니다.


11
npm install을 수행하지 않으면 프로젝트 폴더에 node_modules 폴더가 있는지 확인하십시오
KEMBL

이미 node_modules 폴더가 있습니다.
Gurpreet Singh

"ng build"를 실행하려고 할 때 같은 오류 메시지가 나타 났을 때이 질문을 우연히 발견했습니다. 나를위한 대답은 "npm run build"
cfranklin

루트 디렉토리에 있었고이 오류가 발생했습니다 : D. ng new project프로젝트 디렉토리 입력을 잊어 버린 후 .
Davut Gürbüz

답변:


228

또한이 문제가 발생하여 아래 명령을 실행하여 해결했습니다.

ng update @angular/cli --migrate-only --from=<WhateverVersionYouAreCurrentlyOn>

예 :

ng update @angular/cli --migrate-only --from=1.7.3

여기에서 심판 받기 https://github.com/angular/angular-cli/issues/12215#issuecomment-433593036


30
새로운 angular-cli 의존이 프로젝트 파일로 .angular-cli.json 대신 angular.json을 사용하기 때문에 발생하며, 귀하의 답변은이 변환을 처리합니다
Code Name Jack

7
: 참고는이 --from=1.7.4이 때문에, 마이그레이션되는 버전을 나타냅니다 1.7.4(: 예를 들어, 당신이 이전에 사용했던 각 버전으로 변경해야합니다 5.2.10, 6.0.0등).
cjn

4
ng update @ angular / cli << 이것은 각도 6에서 7까지의 기존 프로젝트에서 저에게
효과적이었습니다

2
나는 1.2.4에 있었고 다음과 같은 오류가 발생했습니다 : The specified command update is invalid. For available options, see ``ng help``.angular-cli를 1.7.4로 업데이트 한 다음이 대답에 따라 문제를 해결했습니다.
ILikeFood

1
감사. 각도를 4.4.7에서 7로 업그레이드했을 때 나를 위해 일하기
Pullat Junaid

71

응용 프로그램 루트 폴더에서 명령을 실행하고 있는지 확인하십시오.


액세스 루트 폴더 사용에 pm> dir pm> cd clientapp당신이 오류 메시지를 사용하여 다음과 같은 경우 다음 pm>ng config -g cli.warnings.versionMismatch false
호삼 hemaily

44

프로젝트를 다운로드 한 경우 프로젝트에서 수행하십시오.

npm 설치


내 문제는 설치되지 않은 개인 npm 패키지였습니다.
David

각도 튜토리얼 테스트 프로젝트를하려고 할 때 같은 문제를 내가했다
mahlatse

19

마지막으로 아래 명령으로 문제가 해결되었습니다!

ng update --all --force

나는 ng update @angular/cli효과가 없었지만 ng update --all --force예상대로 작동 하여 차이점은 무엇입니까?
k11k2

15

Angular Cli Error : serve 명령을 Angular 프로젝트에서 실행해야하지만 프로젝트 정의를 찾을 수 없습니다

angular.json 파일이 누락되었습니다.

    ng update --all --force

Angular 7+에서 테스트


5

최신 nodenpm패키지 로 업데이트하려고 시도했을 때 기존 프로젝트에서 발생했습니다 .

  1. 글로벌 제거 : npm uninstall -g angular-cli
  2. 캐시 재설정 : npm cache clean또는 npm cache verify( npm version> 5 이상)
  3. 최신 설치 : npm install -g @angular/cli@latest

4

프로젝트에서 새 각도 버전 구성을 설정했는지 확인하십시오. 새로운 앵귤러 클리는 구성에 .angular-cli.json이 아닌 angular.json을 사용합니다.

마이그레이션 안내서를 따르십시오 .


4

어리석은 사람이지만 의견을 남겨야 할 수도 있습니다. 어쩌면 다른 사람을 구할 수 있습니다. 멀티 태스킹과 여러 프로젝트 가있는 경우 동일한 메시지가 발생 하므로 일부 프로젝트는 프로젝트 폴더 안에 중첩되어 projectFolder/subProject/projectOne있으므로 projectFolder/subProject명령을 실행하려고했습니다 ng serve.

잘못된 폴더와 conf에 있고 빌드가없는 경우 동일한 오류가 발생하므로 올바른 폴더에 있는지 확인하십시오 !


3

패키지 관리자 콘솔에서 다음 명령을 실행하십시오

PM> cd NameofApp 

그런 다음 명령을 실행할 수 있습니다.

PM > ng generate component Home

3

누락 된 구성으로 인해 npm에서 인식하지 못하는 일부 구성을 업데이트하거나 편집하는 것보다 응용 프로그램을 새로 다시 설치하는 것이 더 좋습니다. 또는 실제로 무엇이 잘못되었는지 확실하지 않습니다.

@Tinu 솔루션이 작동합니다를 선택합니다

1 단계) npm install -g @ angular / cli

2 단계) 새로운 내 각도 프로젝트

3 단계) CD 내 각도 프로젝트

4 단계) ng serve --open

현재 소스 코드를 백업하고 생성 된 새로운 앵귤러 프로젝트로 되돌려 놓았습니다.


2

Angular 응용 프로그램의 루트 폴더 대신 다른 폴더에서 Angular 명령 "ng s"또는 "ng serve"를 실행하려고 할 때 발생합니다.

다음 명령을 사용하여 Angular를 업그레이드하십시오.

ng update @angular/cli --migrate-only --from=1.7.4

정렬됩니다.


2

내 경우에는 명령을 실행 한 직후 디렉토리를 변경하는 것을 잊었습니다.

새로운 AngularProject

다른 명령을 실행하십시오.

cd AngularProject

그리고 ng serve나를 위해 일했습니다.


2

Angular7에서도 동일한 문제가 발생했습니다. 응용 프로그램을 실행하기 전에 루트 폴더로 이동해야하기 때문입니다. 앱의 루트 폴더로 이동하여 명령을 실행하십시오. 그것은 나를 위해 완벽하게 작동합니다.


2

내가 겪었던 것과 같은 문제이지만이 코드 단계를 수행하여 해결했습니다.

Step 1) npm install -g @angular/cli
Step 2) ng new my-angular-project
Step 3) cd my-angular-project
Step 4) ng serve --open

왜 새 프로젝트를 만들어야합니까? 나는 이것을 기존의 것으로하고 싶다
Dadhich Sourav

새로운 프로젝트를 만드는 이유는 무엇입니까? 누군가 기존 프로젝트에 문제가있는 경우
Lint

2

이 오류는 실행중인 프로젝트가 각도 프로젝트가 아닌 경우에 발생합니다. 각도 프로젝트를 다운로드했지만 ng serve 명령을 사용할 수없는 모든 종속성을 설치하지는 않았습니다.

프로젝트가 저장된 경로로 이동하여 명령을 사용하십시오.

npm install

(참고-Node.js는 시스템에 설치해야하며 Angular 2 이상을 사용하는 경우이 명령을 실행하기 전에 시스템에 angular cli도 설치해야합니다. node.js가 시스템 1에 설치되어 있는지 확인하려면) Open cmd (시스템에 노드가 전역 적으로 설치되어 있어야하는 경로) 2) use 명령

node -v
npm -v

노드 및 npm 버전을 얻으려면)

한 가지 더 중요한 점 : 시스템에 설치된 버전이 프로젝트에 필요한 버전보다 높으면 각도 cli 버전은 차이가 없습니다. 경고를 표시하지만 경고를 무시할 수 있습니다.


2

이 오류는 잘못된 디렉토리에있을 때 발생할 수 있으므로 cd 명령을 사용하여 디렉토리를 변경하십시오. 위의 주석에서 어떤 특정 명령 이이 오류를 발생시키는지는 분명하지 않으므로이 대답은 루트 폴더 / 실제 프로젝트 폴더 외부에서 ng serve를 실행한다는 가정을 기반으로합니다. cli 명령이 cli 빌드를 실행하려면 conf & build 파일이 필요하기 때문에 오류가 발생하는 이유입니다.

These should be the steps:
npm install -g @angular/cli  //corrected from 'angular-cli'
ng new projectname
cd projectname
ng serve
open http://localhost:4200


1

같은 오류가 발생했습니다. 그 이유는 새로운 angular cli 업데이트로 angular-cli.json이 중복되고 대신 angular.json으로 대체되기 때문입니다. 내 이전 Angular Cli 버전은 1.7.4이므로 변경하려면 다음 명령을 실행하면 변환됩니다.

ng update @angular/cli --migrate-only --from=1.7.4

알 수없는 옵션 : '--target'npm ERR! 코드 ELIFECYCLE
Sohail

1

나는 같은 문제에 직면했다.

이전 angular-cli 버전 (1.4.7)을 사용하여 새 각도 프로젝트를 만들었고 아래 명령을 사용하여 angular-cli를 업데이트했습니다 ( 아래 CLI를 업데이트하지 마십시오 )

  • npm uninstall -g @angular/cli
  • npm cache clean --force
  • npm install -g @angular/cli@latest

이제 시도했을 때 나는 ng serve당신과 같은 오류가 발생했습니다.

Angular Cli Error: The serve command requires to be run in an Angular project, but a project definition could not be found

아래 CLI 업데이트

ng update @angular/cli --migrate-only --from=1.4.7

1

Usman이 말했듯이 처음에 많은 문제가 있었으므로 튜토리얼을 따르고있었습니다. 내 디렉토리를 프로젝트 디렉토리로 설정하지 않았 으므로이 오류가 발생했습니다.

나는 문제를 해결했다.

  1. 프로젝트가있는 올바른 루트 디렉토리 설정 cd myproject
  2. 앱 컴파일- ng serve

그거였다.


1

위의 모든 것을 시도했지만 나를 위해 해결되었습니다.

npm start


이것은 코멘트 섹션에 있어야합니다
Pardeep

@Pardeep 나는 위의 모든 대답을 시도했지만 npm start는 저에게 효과적이었습니다. 다른 개발자에게 도움이 될 것입니다. 의견을 지키기보다는 눈길을 끄는 답변으로 만들어진 경우
viveksuggu

1

ionciv1을 사용하고 있습니다. 파일 ionic.config.json에서 각도 유형 키를 삭제하면 제대로 작동합니다.

예:

  {
  "name": "nombre",
  "integrations": {
    "cordova": {}
  },
  "type": "angular", // delete
  "gulpStartupTasks": [
    "sass",
    "templatecache",
    "ng_annotate",
    "useref",
    "watch"
  ],
  "watchPatterns": [
    "www/**/*",
    "!www/lib/**/*"
  ],
  "browsers": [
    {
      "platform": "android",
      "browser": "crosswalk",
      "version": "12.41.296.5"
    }
  ],
  "id": "0.1"
}

해결

     {
      "name": "nombre",
      "integrations": {
        "cordova": {}
      },
      "gulpStartupTasks": [
        "sass",
        "templatecache",
        "ng_annotate",
        "useref",
        "watch"
      ],
      "watchPatterns": [
        "www/**/*",
        "!www/lib/**/*"
      ],
      "browsers": [
        {
          "platform": "android",
          "browser": "crosswalk",
          "version": "12.41.296.5"
        }
      ],
      "id": "0.1"
    }

1

이 오류는 일반적으로 글로벌 또는 로컬 CLI 런타임에 대한 업데이트로 추적 될 수 있습니다. 이것이 문제인지 확인하려면 package.json파일 을 검토해야 합니다. 거기에서 @ angular / cli 의존성을 찾아야합니다 . 프로젝트를 생성하는 데 사용 된 CLI 버전을 나타냅니다. 나중에이 값을 사용하여 프로젝트를 마이그레이션해야하므로이 값을 기록해 두십시오.

이제 터미널 창에서 다음 명령을 입력하여 현재 CLI 런타임과 비교해야합니다.

ng v

ng v의 출력

오류가 발생 An unhandled exception occurred: ENOENT: no such file or directory, scandir '~/your-app/node_modules'하면 실행을 잊어 버렸습니다.npm install

콘솔에 현재 CLI 버전이 표시되어야합니다. 버전이 다른 경우 아래 명령을 실행하여 프로젝트를 새 CLI 버전으로 마이그레이션해야합니다. 주의 에서 버전 매개 변수 값으로 설정해야한다는 찾을 @ 각도 / CLI 설정.

ng update @angular/cli --migrate-only --from=1.6.7

이제 프로젝트를 살펴보고 package.json파일 에서 CLI 종속성 버전이 변경되었음을 알 수 있습니다. 또한 CLI 버전에 따라 .angular-cli.json파일이 삭제되고 새 버전 이 생성됩니다angular.json 파일이 작성됩니다. 새 CLI가 찾고있는 프로젝트 파일이므로 프로젝트를 찾을 수없는 오류의 원인입니다. 이 파일을 추가하면 프로젝트를 다시 실행할 때 다시 추적 할 수 있어야합니다.

다음 명령을 입력 할 수 있어야하며 프로젝트가 정상적으로로드되어야합니다.

ng server

ozkary 덕분에


1

아래 명령을 사용하여 각도 앱을 만든 다음 생성 된 프로젝트 폴더에서 ng serve를 실행하십시오.

ng new Project_Name

0

또한 ng serve를 실행중인 경우 먼저 중지해야합니다.


0

해결되었습니다. 우분투 18.04.01 LTS 에서 동일한 문제가 발생했습니다 . 없음 위의 옵션은 내가 사용되면서 일하지 NVM (노드 버전 관리자를.) 솔루션은
프로젝트를 만들기 전에 , 사용 명령
NVM 사용 (10)
(나는 "NVM 사용 10"을 사용 그래서 내 노드 버전, 10.15.0이었다)
그것은 당신을 출력 - 표시됩니다
이제 노드 v10.15.0 (npm v6.4.1)을 사용하는
버전은 개별 시스템에 따라 다릅니다. 그런 다음 새 프로젝트를 만듭니다.


0

'ng update --all'명령으로 각도를 업데이트 할 수 있습니다. 시간이 걸리지 만 모든 구성 요소가 최신 상태인지 확인하십시오.


0

프로젝트 폴더 안에 있는지 확인하고 명령을 시도하십시오 ng serve 다시 하십시오

시도한 후 같은 오류가 발생했습니다. ng serve프로젝트 외부에서 명령을 했습니다.

예 :: 이름이 "Ecommerce"인 프로젝트가 폴더로 이동하고 ng serve open terminal cd 명령을 시도한다고 가정하십시오.


0

이것은 내 문제를 해결했다.

ng generate component nameComponent --module app.module

0

이것은 우리가 다른 경로에서 ng serve 명령을 치기 때문에 발생합니다. 이것은 정확히 프로젝트가 상주하는 경로에서 ng serve 또는 npm start 명령을 쳐서 해결할 수 있습니다 (src, node_modules 등을 포함하는 폴더까지 경로를 가져 가십시오)

F : \ project \ AngularDemo \ AngularDemoapp> ng 서브

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.