失败：Microsoft.AspNetCore.SpaServices[0]答案

【问题标题】：Fail: Microsoft.AspNetCore.SpaServices[0]失败：Microsoft.AspNetCore.SpaServices[0]
【发布时间】：2019-10-22 11:25:48
【问题描述】：

Asp.net 核心 2.1 + Angular 6 应用程序。在我的Start.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");
            }
        });

早上，我从 Visual Studio 运行 asp.net 核心应用程序（单击 F5）。我的 webpack 构建卡在构建模块上。它建立一个scss文件很长时间并挂在那里。于是网页抛出asp.net core中间件异常。

但是在下午，我得到了一个不同的错误。这是Fail: Microsoft.AspNetCore.SpaServices[0]。

但是，如果我在命令窗口中运行 npm start，则在 Visual Studio 代码中运行 dotnet run。没事。

告诉我该怎么做？

【问题讨论】：

有时node_modules 已损坏。通常我会完全删除node_modules/ 目录，然后运行npm i。只有在我看到它成功之后，我才会开始运行dotnet run。这种方法多次挽救了我的生命。希望对您有所帮助。
让我试试看。为什么node_modules可以破解？我使用Visual Studio 的原因是我想一起调试打字稿文件和服务代码。我不知道dotnet run 该怎么做。
我不知道为什么 node_modules 坏了。有时确实如此...您可以按F5 而不是dotnet run

标签： angular asp.net-core webpack angular-cli

【解决方案1】：

要获取有关导致此错误的问题的详细信息，请通过以下方式运行应用程序：

npm 开始

而不是dotnet run。

然后，如果错误消息指示某些内容，例如缺少包，您可能需要安装缺少的包，问题解决后您可以像以前一样继续使用dotnet run 命令。

【讨论】：

【解决方案2】：

对于 ngcc 锁定文件，它会导致问题。只需删除“ClientApp”文件夹中的“node_modules”文件夹并重新构建应用程序。

【讨论】：

【解决方案3】：

我遇到了与上述类似的错误（失败：Microsoft.AspNetCore.SpaServices[0]），但针对 dotnet CLI（版本 3.0.100，Angular 8.0）。我只是创建了一个 Angular 项目——在构建过程中没有产生错误，但是当我运行它时出现了上述错误。经过 10 分钟的调查，发现在单独运行 Angular 服务器时出现以下问题：

这是因为 HomeComponent 模块的路径是空白的：

此代码是由 dotnet 工具自动生成的，所以我不确定为什么会忽略它。 HomeComponent 模块位于 Home 文件夹中。所以添加路径解决了问题。

这可能对其他新手有用。

【讨论】：

【解决方案4】：

自己寻找答案。它仍然是 .NET-Core 的错误。刷新（F5）页面解决了这个问题，它工作正常。 (https://github.com/aspnet/JavaScriptServices/issues/1625)

问题仍然存在，但是只是等待它和角度构建，从我的角度来看，问题似乎是由构建顺序引起的。我的意思是服务器端代码的构建速度比角度代码快，因此在等待一两秒后错误消失。

另外一种方式，如果我们先运行server，等到webpack编译完成，再执行命令dotnet run。

【讨论】：