“@ angular / core”에 의존하지 않는 것 같습니다. 이것은 오류입니다


140

각도 cli로 각도 2 앱을 만들고 싶습니다.

나는 cmd에 썼다 :

npm angular-cli -g 설치

그때:

ng firstngapp

하지만 npm start를 쓸 때 오류가 표시됩니다! 오류 이미지

파일 이미지

나는 문제를 이해하지 못한다


22
비슷한 문제가 있었지만 부모 폴더에있었습니다.
Jaider

npm 버그 firstngapp를 실행하고보십시오. 문제를 해결하도록 안내합니다
Swanand

1
npm 설치 후 프로젝트를 닫고 다시 열 수 있습니다. 그것은 나를 위해 일했다.
지불

너 나처럼 녹슨거야? 프로젝트 복제 후 ... 프로젝트 폴더로 변경npm install
Adam Cox

동의, 당신은 "npm install angular-cli -g", "npm install"그리고 마지막으로 "ng XXX"를 실행해야합니다
Andreas Panagiotidis

답변:


192

실행하려고

npm install

프로젝트 폴더에서


79

실행하는 동안 ng serve app / project 's directory에 있어야합니다 .

다른 디렉토리에서 명령을 실행하면 오류가 발생합니다.

"@ angular / core"에 의존하지 않는 것 같습니다. 이것은 오류입니다.


2
"@ angular / core"에 의존하고 있었지만 프로젝트 디렉토리에 없었기 때문에 오류가 발생했습니다.
niranjan pb

15

노드 모듈을 삭제하고 package.json파일이 있는지 @angular/core확인한 후 다시 설치합니다 npm i.


13
  1. node_modules 폴더 및 package-lock.json 파일을 삭제 하십시오.
  2. 그런 다음 다음 명령을 실행하면 npm 패키지가 업데이트됩니다.

    npm update

  3. 나중에 다음 명령을 실행하여 프로젝트를 시작하십시오.

    ng serve

위의 단계는 나를 위해 일했습니다.


7

당신을 도울 수 있습니다.

  • 이전에 생성 한 모든 폴더 삭제
  • 새로운 폴더 만들기
  • 그런 다음 "cd foldername"명령에서 해당 폴더로 이동하십시오.
  • 그런 다음 "npm install"을 설치하십시오.

이렇게하면 문제가 해결됩니다.


6

터미널에서

 > cd myProjectPath
 myProjectPath > npm install

8
이것은 현재 최고 답변과 매우 유사 해 보입니다. 이것이 필수 답변입니까?
TerryA

1
위의 동일한 제안보다 낫습니다.
FeeFiFoFum

5

여전히 문제인지 모르겠습니다. 나는와 같은 성가신 경험하고 있었다 @angular/cli v1.1.2의를 npm 4.1.2. node_modules디렉토리를 삭제 한 다음 업데이트를 진행했습니다.npm (이것은 과거의 일반적인 원인이므로).

나는 (최신) 으로 업그레이드 npm하고 싶었지만 5.0.3사용 nvm하고 있었기 때문에 라이브러리를 엉망으로 한 것 같습니다. 따라서 다시 설치했습니다node .

그런 다음 나는 함께 갔다

  • npm cache clean
  • npm rebuild
  • npm install -여러 번 다른 패키지에서 오류가 발생했기 때문에 여러 번

결국 모든 패키지는 훌륭했습니다.

도움이 되었기를 바랍니다.


5

아래 단계가 나를 위해 일했습니다.

1) node_modules/폴더와 package-lock.json파일을 삭제 하십시오.

2) npm install

삼) ng serve



3

사람이 2018이로 실행중인 경우, 마지막으로 나를 위해 일한 것은 내가 만든 내 - 응용 프로그램으로 이동했다 ng new my-app, 다음 실행 ng serve이 그것을에있는 종속성과 devDependencies 필요과 관련이있다 my-app/package.json대신을 root/package.json. 두 개의 별도 파일입니다.

모든 종속성을 루트 폴더에 복사하더라도 package.json구성 파일의 경로 위치를 수동으로 변경해야합니다 my-app/*. 들어가서 my-app/달리기 가 훨씬 쉽습니다.ng serve모든 것이 제대로 작동하도록하기 .

따라서이 단계는 누구에게나 효과적입니다.

rm -rf <previous-app> // 이전 앱이 무엇이든 호출 한 경우

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve


rm -rf <previous-app>가 무엇인지 설명 할 수 있습니까? 왜 내가 왜 그런지 기억하지 못합니다. previous-app명령을 수행 한 후에 You cannot use the new command inside an Angular CLI project.오류가 발생합니다.ng new my-app
Revolucion for Monica

@ Marine1 Angular 앱 내에 새 Angular 앱을 만들 수 없습니다. rm -rf <previous app>이 문제를 일으키는 이전 앱이있는 경우 에만 실행 하십시오. 여기에서 앱 이름을 대체하십시오. rm -rf 전체 디렉토리의 내용을 강제로 재귀 적으로 제거
Dan


2

같은 문제에 직면했다. ngserve를 실행하는 동안 apps 디렉토리에 있어야합니다. 확인하려면 (GIT BASH : 앱 디렉토리에 있다면 gitbash 프롬프트에서 디렉토리 경로 뒤에 (마스터)가 있습니다.)


2

이것이 내가이 문제를 해결 한 방법입니다.

나는 처음 뛰었다 npm install @angular/core .

그런 다음 나는 달렸다 npm install --save .

두 설치가 성공적으로 완료되면 실행 npm serve하고 오류 메시지가 표시됩니다.

"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.

Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."

그런 다음 package_lock.json 폴더와 node_modules 폴더를 삭제했습니다.

해당 폴더를 삭제 한 후 npm install --save 한 번 더 했습니다.

나는 달리고 npm start또 다른 오류를 받았다. 이 오류는 말했다Error: Cannot find module '@angular-devkit/core' .

나는 달렸다 npm install @angular-devkit/core --save .

마침내 나는 달려 갔고 npm start프로젝트는 시작되었다!


2

나는 같은 문제를 겪었고 그 이유는

  1. 당신이 달릴 때 ng new app-name 하면 앱 이름으로 새 디렉토리가 생성되고 그 안에 모든 것이 설치됩니다.
  2. 위의 명령을 실행 한 후 인간 경향이 실행 ng serve 되고 앱이 하위 디렉토리에 있기 때문에 package.json을 찾지 않고 언급 된 오류가 발생합니다.

해결책은 매우 간단합니다. 하위 디렉토리로 이동 한 다음 실행하십시오.ng serve


즉, cd ng5 디렉토리
Ajay Takur

@AjayTakur 디렉토리 이름은 앱 이름과 동일합니다.
abhirathore2006 년

1

다음을 사용하여 새 프로젝트를 만듭니다.

ng new firstngapp

귀하의 예에서는 누락되었습니다 new. 이것은 폴더를 생성하고 파일을 생성하고 실행합니다.npm install 하며 당신을 위해 됩니다. 폴더를 만들었지 만 Angular CLI 앱이 없습니다.

그리고 앱 사용을 시작하기 위해 :

ng serve

npm start cli에서 배출 한 경우에만 사용됩니다.


1

아무 소용이 없으면 :

  • npm 설치
  • npm 업데이트
  • ng 봉사

npm install -g @ angular / cli 가 나를 위해 일했습니다.


0

나는 같은 문제가 있었고 node_modules를 제거하고 다시 설치하면서 package-lock.json을 먼저 제거해야했습니다.


0

"ng serve"를 실행하려고 할 때도 같은 오류가 발생했습니다. 그 후 기술자 중 한 명이 내 npm을 업데이트하라는 메시지를 보았습니다. "ng server"를 입력 한 후이 화면이 나타납니다.

""@ angular / compiler-cli 및 typescript 버전을 확인할 수 없습니다. 가장 일반적인 이유는 손상된 npm 설치입니다. package.json에 devDependencies에 @ angular / compiler-cli 및 typescript가 모두 포함되어 있는지 확인한 다음 node_module 및 package-lock.json (있는 경우)을 삭제하고 npm 설치를 다시 실행하십시오. ""

모든 작업을 수행 한 후 이제 제대로 작동하고 "컴파일 성공"메시지가 표시됩니다.


0

c : \ project \ angular-src 위치에서 ng 서버를 실행해야합니다. 프로젝트의 근본 만이 아닙니다.


OP에는 c : \ project \ angular-src 폴더가 없을 수 있습니다. 그리고 아니, 당신은 대답이 의미가 없습니다. 이 스크립트를 정의 ng serve하는 package.json파일이 있는 폴더의 루트에서 실행해야합니다 .
Miroslav Jonas


0

제 경우에는 다음이 효과가있었습니다.

rm -rf node_modules
rm package-lock.json
npm install

따라서 업데이트npm install 하지 않습니다 .


0

내가 가진 문제는 클리닉의 조언에 따라 원사 패키지 관리로 전환했다는 것입니다.

그런 다음 튜토리얼을 수행하면서을 수행 한 npm install --save bootstrap후 오류가 발생하기 시작했습니다. 나중에 나는했다yarn add xxx 물론 그 일을했다.

프로젝트의 상태를 복원하려면 내가 제거 node_modules하고 package-lock.json 대답 한 후 실행yarn install


0

@ angular / compiler-cli 및 typescript의 버전을 확인할 수 없습니다. 가장 일반적인 이유는 손상된 npm 설치입니다.

package.json에 devDependencies에 @ angular / compiler-cli 및 typescript가 모두 포함되어 있는지 확인한 다음 node_modules 및 package-lock.json (있는 경우)을 삭제하고 npm 설치를 다시 실행하십시오.


0

패키지 관리자를 혼합 할 때 이런 일이 일어났습니다. 내 프로젝트는 Yarn으로 생성 된 후 npm install을 사용하여 몇 가지 종속성을 추가했습니다 (이는 종속성이 추가 된 package-lock.json을 만들었습니다).

분명히 ng는 사용 된 package-lock.json을 제공하고 거기에서 각도 의존성을 찾을 수 없습니다. 원사를 사용하기 시작한 후, 즉 npm 설치 대신 원사 추가를 사용하면 오류가 사라졌습니다.


0

** ng serve 명령을 누르기 전에 새로 작성된 YOUR_APP 폴더에 있어야합니다. **

신선한 것부터 시작합시다

1) install npm

2) 새로운 각도 앱 만들기 ( ng new <YOUR_APP_NAME>)

3) 앱 폴더로 이동합니다 ( cd YOUR_APP_NAME)

4) ng serve

문제가 해결되기를 바랍니다.


0

이 문제를 해결하려면

  1. 1 단계: cd projectName
  2. 2 단계: npm update
  3. 3 단계 : ng serve -o

예를 들면 다음과 같습니다. 여기에 이미지 설명을 입력하십시오


0

ng serve의 경우 해당 디렉토리 안에 있어야합니다.

ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
  create FireStore/README.md (1025 bytes)
  create FireStore/.angular-cli.json (1245 bytes)
  create FireStore/.editorconfig (245 bytes)
  create FireStore/.gitignore (544 bytes)
  create FireStore/src/assets/.gitkeep (0 bytes)
  create FireStore/src/environments/environment.prod.ts (51 bytes)
  create FireStore/src/environments/environment.ts (387 bytes)
  create FireStore/src/favicon.ico (5430 bytes)
  create FireStore/src/index.html (296 bytes)
  create FireStore/src/main.ts (370 bytes)
  create FireStore/src/polyfills.ts (3114 bytes)
  create FireStore/src/styles.css (80 bytes)

ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.

cmd를 사용하여 이것을 해결하는 방법

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

이제 cmd를 수행하십시오.

ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.