.NET Core 2/Angular 6 SPA启动报错：NPM脚本‘start’异常退出

我之前在升级Angular版本后也遇到过完全一样的错误，这是因为Angular 6的CLI输出和模板默认的.NET Core SPA中间件预期的监听信号不匹配，加上模板配置没跟上版本变化导致的，给你几个逐步解决的方案：

方案一：修复package.json启动脚本并重装依赖 #

• 先删除项目根目录下的node_modules文件夹和package-lock.json文件
• 执行npm install重新安装所有依赖
• 打开package.json，修改scripts里的start命令，确保它保持运行且输出正确的监听标识：

  "scripts": {
    "start": "ng serve --host 0.0.0.0 --port 4200",
    // 其他脚本保持不变
  }
  

  指定--host 0.0.0.0是为了让.NET中间件能正确检测到监听状态，避免因为localhost绑定导致的检测问题。

方案二：调整.NET Core的SPA中间件配置 #

如果方案一没解决，需要修改Startup.cs里的SPA配置，让中间件正确识别Angular 6的监听输出：

1. 打开Startup.cs，找到Configure方法里的app.UseSpa部分
2. 修改为以下代码，自定义监听信号的检测逻辑：

   app.UseSpa(spa =>
   {
       spa.Options.SourcePath = "ClientApp";
   
       if (env.IsDevelopment())
       {
           spa.UseAngularCliServer(npmScript: "start", options =>
           {
               // 匹配Angular 6启动时的监听日志文本
               options.WaitForMessage("Angular Live Development Server is listening on", TimeSpan.FromSeconds(60));
           });
       }
   });
   

   这里的WaitForMessage指定了Angular 6启动时输出的关键文本，让中间件确认服务已启动，不会误判脚本退出。

方案三：临时禁用监听检测（应急用） #

如果以上方案暂时无法生效，可以临时绕过监听检测，手动分离启动服务：

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";

    if (env.IsDevelopment())
    {
        spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");
    }
});

使用这个方法时，需要先在终端执行npm start启动Angular服务，再运行dotnet run，此时.NET Core会将请求代理到Angular服务上。

注意：这只是临时 workaround，优先推荐前两个方案从根本上解决问题。

内容的提问来源于stack exchange，提问作者mack