Newbee Angular 开箱即用答案

【问题标题】：Newbee angular right out of the boxNewbee Angular 开箱即用
【发布时间】：2019-12-11 08:11:13
【问题描述】：

所以我下载并安装了 Visual Studio Community

vs v 16.4.0

我使用

创建了一个新项目

文件
新项目
ASP.NET Core Web 应用程序
创建新的 ASP.NET Core Web 应用程序
Angular 使用 Angular 创建 ASP.NET Core 应用程序的项目模板

然后当我运行它时，我得到：

处理请求时发生未处理的异常。 AggregateException：发生一个或多个错误。（发生了一个或多个错误。（NPM 脚本“启动”退出，但未指示 Angular CLI 正在侦听请求。错误输出为：“ng”不被识别为内部或外部命令、可运行程序或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vecwebportaql@0.0.0 start: `ng serve "--port" "51676"`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the vecwebportaql@0.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm 错误！可以在以下位置找到此运行的完整日志：

)) System.Threading.Tasks.Task.ThrowIfExceptional(bool includeTaskCanceledExceptions) InvalidOperationException：NPM 脚本“启动”退出，但未指示 Angular CLI 正在侦听请求。错误输出为：'ng' 未被识别为内部或外部命令，

可运行的程序或批处理文件。 npm 错误！代码生命周期
npm ERR! errno 1
npm ERR! vecwebportaql@0.0.0 start: `ng serve "--port" "51676"`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the vecwebportaql@0.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm 错误！可以在以下位置找到此运行的完整日志：

Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.StartAngularCliServerAsync（字符串源路径，字符串 npmScriptName，ILogger 记录器）堆栈查询 Cookie 标头路由 AggregateException：发生一个或多个错误。（发生了一个或多个错误。（NPM 脚本“start”退出，但未指示 Angular CLI 正在侦听请求。错误输出为：“ng”未被识别为内部或外部命令、可运行程序或批处理文件。 npm ERR!code ELIFECYCLE npm ERR!errno 1 npm ERR!vecwebportaql@0.0.0 start:ng serve "--port" "51676"npm ERR!Exit status 1 npm ERR!npm ERR!在 vecwebportaql@0.0.0 启动脚本失败。npm ERR！这可能不是 npm 的问题。上面可能有额外的日志输出。npm ERR！此运行的完整日志可以在:)) System.Threading.Tasks.Task.ThrowIfExceptional(bool includeTaskCanceledExceptions) System.Threading.Tasks.Task.GetResultCore(bool waitCompletionNotification) System.Threading.Tasks.Task.get_Result() Microsoft.AspNetCore.SpaServices.Extensions.Util.TaskTimeoutExtensions.WithTimeout（任务任务，TimeSpan timeoutDelay，字符串消息） Microsoft.AspNetCore.SpaServices.Extensions.Proxy.SpaProxy.PerformProxyRequest（HttpContext 上下文，HttpClient httpClient，任务 baseUriTask，CancellationToken applicationStoppingToken，bool proxy404s） Microsoft.AspNetCore.Builder.SpaProxyingExtensions+c__DisplayClass2_0+d.MoveNext() Microsoft.AspNetCore.Diagnostics.DeveloperExceptionPageMiddleware.Invoke(HttpContext context)

显示原始异常详细信息 InvalidOperationException：NPM 脚本“启动”退出，但未指示 Angular CLI 正在侦听请求。错误输出是：“ng”不是内部或外部命令、可运行程序或批处理文件。 npm 错误！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ vecwebportaql@0.0.0 开始：ng serve "--port" "51676" npm 错误！退出状态 1 npm ERR！ npm 错误！ vecwebportaql@0.0.0 启动脚本失败。 npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。 npm 错误！可以在以下位置找到此运行的完整日志： Microsoft.AspNetCore.SpaServices.AngularCli.AngularCliMiddleware.StartAngularCliServerAsync(string sourcePath, string npmScriptName, ILogger logger)

显示原始异常详细信息

对于这个开箱即用的示例，我能提供一些帮助吗？

【问题讨论】：

标签： angular visual-studio npm angular-cli

【解决方案1】：

你有： “NPM 脚本 'start' 已退出，但未指示 Angular CLI 正在侦听请求”

并且： “'ng' 未被识别为内部或外部命令”

我认为你没有正确设置它。

在这里试试： https://medium.com/codingthesmartway-com-blog/creating-angular-projects-with-angular-cli-e32b2cb486da

【讨论】：

【解决方案2】：

从中我得到了 Powershell 行：

npm install -g @angular/cli

重建后，我收到一个新错误：

===========================

处理请求时发生未处理的异常。 TimeoutException：Angular CLI 进程未在 0 秒的超时期限内开始侦听请求。检查日志输出以获取错误信息。

=========================

这是代码：

===== 启动.cs

app.UseSpa(spa =>
{
// To learn more about options for serving an Angular SPA from ASP.NET Core,
// see https://go.microsoft.com/fwlink/?linkid=864501

spa.Options.SourcePath = "ClientApp";
if (env.IsDevelopment())
     {
     **spa.UseAngularCliServer(npmScript: "start")**
     });
};

======

在 spa.UseAngularCliServer(npmScript: "start") 上失败了

所以我假设 Angular CLIent 服务器不工作。请指教。

【讨论】：