angular5로 업그레이드하는 중에 오류가 발생했습니다.

Question

npm-check-updates를 사용하여 angular4 앱을 각도 5로 업그레이드하려고합니다.

"scripts": { 
"ng": "ng", 
"start-ng": "ng serve", 
"start": "node src/server/index.js", 
"build": "ng build", 
"build-dev": "ng build -dev", 
"build-local": "ng build -dev -e local", 
"build-test": "ng build -prod -e test", 
"build-prod": "ng build -prod -e prod", 
"serve": "ng serve -dev -e local -o", 
"test": "ng test", 
"lint": "ng lint", 
"e2e": "ng e2e", 
"sme": "./node_modules/.bin/source-map-explorer" 

: NPM 실행이

내 package.json은 다음과 같습니다 제공 : 내 명령을 사용하여 응용 프로그램을 실행하려고 그 후

npm install -g npm-check-updates 
ncu -u 
npm update 

: 나는 세 가지 명령 아래에 달렸다 },

아래와 같은 오류가 발생하여 앱을 실행할 수 없습니다 :

An asset cannot be written to a location outside of the output path. 
npm ERR! code ELIFECYCLE 
npm ERR! errno 1 
npm ERR! my-client-app@0.0.0 serve: `ng serve -dev -e local -o` 
npm ERR! Exit status 1 
npm ERR! 
npm ERR! Failed at the my-client-app@0.0.0 serve script. 
npm ERR! This is probably not a problem with npm. There is likely additional 
logging output above. 

npm ERR! A complete log of this run can be found in: 
npm ERR!  C:\Users\mack\AppData\Roaming\npm-cache\_logs\2017-11- 
03T12_15_23_604Z-debug.log 

Answer 1

한번에 실행이 명령

npm install @angular/common@next @angular/compiler@next @angular/compiler-cli@next @angular/core@next @angular/forms@next @angular/http@next @angular/platform-browser@next @angular/platform-browser-dynamic@next @angular/platform-server@next @angular/router@next @angular/animations@next --save

Answer 2

이되어하지에 명시된대로 당신은 at this link 사용할 수있는 단계를 수행해야 각도 (5)에 각도 2.x 또는 4.x의에서 응용 프로그램을 업그레이드 할 수있는 올바른 방법 Angular Blog. 에 귀하의 응용 프로그램은 얼마나 복잡한가요? 그냥 고급을 선택하십시오.

angular/cli을 사용하는 경우 최신 버전 (현재 1.5)으로 업그레이드 한 다음 ng new angular5test을 사용하여 새 프로젝트를 비월 할 것을 제안합니다. 구성 파일 (패키지)을 살펴보십시오. json, ...) 그들을 비교하십시오.

구성 파일의 다른 점을 신속하게 확인하려면 meld과 같은 diff 도구로 현재 프로젝트와 테스트 파일을 여는 것이 좋습니다.

이 후에는 node_modules을 삭제하고 npm install을 삭제하십시오.

Answer 3

의 가능한 중복 : 지금처럼 Update to Angular 5

, 5 각이 각 5 기존의 각 응용 프로그램을 업데이트하려는 사람들을 위해 2017, 그래서 1 Novemebr에 정식으로 출시되었습니다

1)을 Angular 팀은 handy tool을 사용하여 가능한 모든 버전에서 각도 5로 업그레이드 할 수 있습니다.

2) 당신은 버전 5.0에 각 모든 패키지를 업그레이드 다음 명령을 실행해야합니다 :

$ npm install @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router}@5.0.0 
---for those who are using yarn. 
$ yarn add @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router}@5.0.0 

3) 5 각도는 이제 타이프 라이터 2.4.2 및 RxJS 5.5.2에 따라, 그래서 당신은 그 패키지를 업그레이드해야 할 것입니다. 당신은 날짜, 통화, 소수점, 또는 %의 파이프에 의존하는 경우

npm install typescript@2.4.2 --save-exact 

4), (5) 당신은 형식에 약간의 변화를 볼 수 있습니다. en-us 이외의 로케일을 사용하는 응용 프로그램의 경우 @ Angular/Common/i18n_data/locale_fr 및 registerLocaleData (local)에서 선택적으로 locale_extended_fr을 가져와야합니다.변경을 깨는 파이프에 대한 자세한 내용은 : https://stackoverflow.com/a/47263949/2810015

5) 구현의 사용은 대신 withany 라이프 사이클 이벤트를 확장 : 사용하지 않는는지 확인하는 OnInit를 확장 또는 사용은 라이프 사이클 이벤트와 확장합니다. 대신 도구를 사용하십시오.

6) HttpModule 및 Http 서비스에서 HttpClientModule 및 HttpClient 서비스로 전환합니다. HttpClient는 기본 인간 공학을 단순화하고 (더 이상 json에 매핑 할 필요가 없음) 입력 된 반환 값과 인터셉터를 지원합니다.

나는 여기에서 더 설명하려고 노력했다. https://onlyforcoder.blogspot.in/2017/11/angular-5-upgrade-your-project-To-Angular5.html