NPM 스크립트 'start'가 Angular CLI가 요청을 수신하고 있음을 표시하지 않고 종료되었습니다.
시작하려고 합니다.NET 코어 2/앵글 6 SPA.저는 "dotnet new angular"를 사용하여 Angular 5 Application을 만든 다음 angular.io 의 이 가이드를 사용하여 업그레이드를 진행했습니다.업그레이드가 끝나면 "dotnet run"을 사용하여 응용 프로그램을 실행하려고 했는데 다음 오류와 함께 보기 흉한 오류 페이지가 나타납니다.
요청을 처리하는 동안 처리되지 않은 예외가 발생했습니다.
골재예외:하나 이상의 오류가 발생하였습니다. (하나 이상의 오류가 발생하였습니다.(NPM 스크립트 'start'가 Angular CLI가 요청을 수신하고 있음을 표시하지 않고 종료되었습니다.오류 출력: 알 수 없는 옵션: '--extractCss'
잘못된 작업예외:NPM 스크립트 'start'가 Angular CLI에서 요청을 수신하고 있음을 표시하지 않고 종료되었습니다.오류 출력: 알 수 없는 옵션: '--extractCss'
업그레이드 중에 한 단계를 놓친 것 같다는 생각에 두 번째 시도를 했는데 같은 오류가 발생했습니다.
앱을 만든 후에 내가 한 단계는 다음과 같습니다.
npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli
ng update @angular/core
npm install --save @angular/material @angular/cdk @angular/animations hammerjs
npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json
노드 버전 9.4.0 및 를 실행하고 있습니다.Windows 10 (1703) Enterprise에서 NetCore 2.1.200.
이 문제를 해결할 방법이 있습니까?전체 스택 추적은 다음과 같습니다.
---> System.IO.EndOfStreamException: Attempted to read past the end of the stream.
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<StartAngularCliServerAsync>d__3.MoveNext()
--- End of inner exception stack trace ---
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<StartAngularCliServerAsync>d__3.MoveNext()
--- End of inner exception stack trace ---
at System.Threading.Tasks.Task`1.GetResultCore(Boolean waitCompletionNotification)
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<>c.<Attach>b__2_0(Task`1 task)
at System.Threading.Tasks.ContinuationResultTaskFromResultTask`2.InnerInvoke()
at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
at System.Threading.Tasks.Task.ExecuteWithThreadLocal(Task& currentTaskSlot)
--- End of inner exception stack trace ---
at System.Threading.Tasks.Task`1.GetResultCore(Boolean waitCompletionNotification)
at Microsoft.AspNetCore.SpaServices.Extensions.Util.TaskTimeoutExtensions.<WithTimeout>d__1`1.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.SpaServices.Extensions.Proxy.SpaProxy.<PerformProxyRequest>d__4.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.Builder.SpaProxyingExtensions.<>c__DisplayClass2_0.<<UseProxyToSpaDevelopmentServer>b__0>d.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.Builder.RouterMiddleware.<Invoke>d__4.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware.<Invoke>d__7.MoveNext()
---> (Inner Exception #0) System.AggregateException: One or more errors occurred. (The NPM script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Unknown option: '--extractCss'
) ---> System.InvalidOperationException: The NPM script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Unknown option: '--extractCss'
---> System.IO.EndOfStreamException: Attempted to read past the end of the stream.
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<StartAngularCliServerAsync>d__3.MoveNext()
--- End of inner exception stack trace ---
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<StartAngularCliServerAsync>d__3.MoveNext()
--- End of inner exception stack trace ---
at System.Threading.Tasks.Task`1.GetResultCore(Boolean waitCompletionNotification)
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<>c.<Attach>b__2_0(Task`1 task)
at System.Threading.Tasks.ContinuationResultTaskFromResultTask`2.InnerInvoke()
at System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)
at System.Threading.Tasks.Task.ExecuteWithThreadLocal(Task& currentTaskSlot)
---> (Inner Exception #0) System.InvalidOperationException: The NPM script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Unknown option: '--extractCss'
---> System.IO.EndOfStreamException: Attempted to read past the end of the stream.
at System.Runtime.ExceptionServices.ExceptionDispatchInfo.Throw()
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<StartAngularCliServerAsync>d__3.MoveNext()
--- End of inner exception stack trace ---
at Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.<StartAngularCliServerAsync>d__3.MoveNext()<---
<---
다음을 시도합니다.
- 파워셸 열기
- 클라이언트 앱 디렉터리로 이동합니다.
- 실행.
npm audit fix
반응에 적합합니다.JS & VueJS 프로젝트도.
저는 이것과 다음이 문제를 해결했습니다: https://github.com/angular/angular-cli/issues/10666
또한 패키지를 수정해야 합니다.json 파일을 생성하고 시작 및 빌드 속성에서 --extractCss 매개 변수를 제거합니다.출처:
"scripts": {
"ng": "ng",
"start": "ng serve --extract-css",
"build": "ng build --extract-css",
대상:
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
그 문제는 저도 며칠을 괴롭힙니다.이제 드디어 길을 터주시오.비주얼 스튜디오에서 ASP와 함께 Angular CLI 서버를 자동으로 실행하려고 합니다.넷코어 프로세스.이 경우 실패했습니다.
따라서 여기 있는 Microsoft Doc에 따르면 Angular CLI 서버를 수동으로 시작할 수 있습니다.
'ClientApp' 폴더로 이동한 후 다음 문제를 제기합니다.
ng 서브
콘솔에서 서버를 시작합니다.
'Startup.cs ' 파일에서 바꾸기
spa.AngularCliServer 사용(...)
와 함께
spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");
- ASP를 시작하려면 F5를 사용합니다.넷코어 프로젝트는 우리가 평소에 하던 것과 같습니다.
이렇게 하면 응용프로그램 디버깅을 계속할 수 있습니다.
저의 경우, 저는 azure web app에서 아래의 어플리케이션 설정을 제거하고 사이트가 동작하기 시작했습니다.
키 : ASPNETCORE_ENERVORE 가치 : 개발
며칠간 문제를 파악하느라 시간을 소비했습니다 :)
만약 위의 해결책이 통하지 않는다면, 당신은 저에게 효과가 있었던 다음과 같은 것을 시도해 볼 수 있습니다.
시나리오:작업 VS 2017 솔루션 : 코어 web api & angular spa projects를 새로 설치한 pc로 이전하였습니다; 위 오류가 발생하였습니다.
해결책:visual studio installer를 통해 node.js 워크로드를 설치한 후, node.js for window(https://nodejs.org/en/download/) 와 IIS에 필요한 window 기능을 설치한 후, 다시 정상 궤도에 올랐습니다.
메인 설치는 비주얼 스튜디오와 윈도우(npm 포함)를 위한 node.js로, 작동하려면 둘 다 설치해야 했습니다.명령 프롬프트에 대한 경로 구성...
Joe와 Jays 솔루션 모두 효과가 있습니다.코드 변경 없이 기본 템플릿 구성을 사용하려면 위에서 Jay가 설명한 대로 window용 node.js를 설치한 다음 VS. https://nodejs.org/en/download/ 를 다시 시작하면 됩니다.
여기에는 vs 및 vScode를 사용하여 Core Angular 프로젝트를 생성, 구성 및 배포하는 방법에 대한 훌륭한 튜토리얼이 포함되어 있습니다.IIS 설정도 포함합니다.https://www.codeproject.com/Articles/1250961/Deploying-an-Angular-Application-with-ASP-NET-Core
- 하여 VS 2019를 가 해결됨 - ClientApp npm install. 당신이 가지고 있는지 확인하세요.npmAngular Cli와 함께 시스템에 설치됩니다.Angular Cli를 설치하는 데 문제가 있는 경우 스크립트를 다음에서 변경할 수 있습니다.ng serve.npm run start꾸러미로json 파일.
저는 깃허브 프로젝트를 처음부터 시작하려고 했습니다.제가 한 일은 다음과 같습니다.
- 노드 다운로드 및 설치JS: https://nodejs.org/en/download
- Angular 다운로드깃허브의 JS프로젝트
- 명령 프롬프트를 실행하고 "client-app" 폴더로 이동합니다.
dotnet new angular -o "C:\Users\me\OneDrive\Documents\Visual Studio 2017\Projects\myproject\myproject-dev\myproject-client-app" --force - 명령 입력:
npm install -g @angular/cli - 명령 입력:
npm build fix - 명령 입력:
npm run ng - 명령 입력:
npm start - 명령 입력:
ng start --extract-css
(사실 이 마지막 명령어를 입력할 필요는 없었습니다.npm start프로젝트를 위해 이 명령을 시작했지만 항상 그렇지는 않을 수도 있습니다.)
'Startup.cs ' 파일에서 바꾸기
spa.UseAngularCliServer(..)
와 함께
spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");
ASP를 시작합니다.NET Core 프로젝트는 응용 프로그램 디버깅을 시작하기 위해 우리가 통상적으로 하는 것입니다.
이 모든 것이 끝나면, 프로젝트는 실행될 것입니다.
nvm을 사용하여 노드 버전을 여러 개 설치한 경우.
터미널의 프로젝트 루트에 cd를 넣고 실행할 수 있습니다.
nvm 사용 x.x.x
이것으로 나의 문제가 해결되었습니다.
도와주세요.
- 설치 관리자에서 environment.js 노드를 설치합니다.
2)공식 웹사이트에서 OS용 node.js를 설치합니다.
- PowerShell을 통해 npm을 설치합니다.관리자에서 열고 Client App 폴더로 이동하여 npm install을 실행합니다.그런 다음 npm audit fix(오류 수정)를 실행합니다.
프로젝트에서 Nodejs를 제거하고 Nodejs.org 에서 Nodejs의 최신 버전을 설치하는 것만으로 동일한 문제를 해결할 수 있었습니다.
언급URL : https://stackoverflow.com/questions/50221618/the-npm-script-start-exited-without-indicating-that-the-angular-cli-was-listen
'programing' 카테고리의 다른 글
| 버디 프레스 템플릿 - 사용자 페이지를 사용자 정의하는 방법은 무엇입니까? (0) | 2023.10.19 |
|---|---|
| 문자열 유형의 기본값이 빈 문자열이 아닌 null인 이유는 무엇입니까? (0) | 2023.10.19 |
| Xcode에서 파일 이름 또는 리팩터 변경 (0) | 2023.10.19 |
| 여러 테이블을 카운트()하기 위한 SQL 쿼리 (0) | 2023.10.19 |
| MariaDB 구문 오류 (0) | 2023.10.19 |