具有完整 .NET Framework 和 Angular 2 的 ASP.NET Core

Question

我想在 https://github.com/aspnet/JavaScriptServices/ 上使用 Angular 单页应用程序模板来创建一个新的 Web 应用程序。但是该模板将 ASP.NET Core 与 .NET Core 结合使用。我想将 ASP.NET Core 与 full .NET Framework 一起使用。

我尝试只更改模板生成的 .csproj 的 <TargetFramework> 属性，但是当我尝试运行时，我得到了 this exception page。

我尝试搜索 Google，但所有内容均指向 .NET Core！

我猜WebPackMiddleware 在完整的 .NET Framework 中不可用？我很茫然。

我使用的是最新版本的 Visual Studio 2017。

我该如何解决这个问题 - 或者 - 是否有更好的入门模板我应该使用 ASP.NET Core 和完整的 .NET Framework 来实现 Angular？提前致谢！

Answer 1

其他选择 - 您可以使用 Microsoft.AspNetCore.SpaTemplates

要安装 SPA 模板，请运行以下命令

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

要生成新项目，请使用以下命令

dotnet new angular

生成的模板为您提供netcoreapp1.1

但是您可以像这样将其更改为net462-<TargetFramework>net462</TargetFramework>

然后使用dotnet restore 和npm install 恢复NuGet 和npm 包。

成功完成后，使用dotnet build 和dotnet run 构建和运行应用程序。

有关更多信息，请参阅此blog。

Answer 2

我已成功在 dot net 框架中使用此功能，并且热模块更换工作正常。我的工作应用程序位于here，但如果您不知道如何正确配置授权，则需要注释掉 HomeController 中的 [Authorize] 属性。

在创建项目时，您使用的是最新版本的 Dot Net Core 2 吗？我最初是从 Dot Net Core 2 的预览版开始的，发现在 VS2017.3 中安装最新版本时它没有正确升级，所以应用程序崩溃了。我不得不卸载预览版并安装最新的 2.0 版本。

其次，您是否实际安装了dot net 2.0 框架。当您打开新的 ASP.Net Core Web 应用程序时，它会在对话框顶部放置一个黄色栏，让您安装它。

如果已经安装，在对话框中选择 Angular 项目时是否选择了 .NET Framework 和 ASP.NET Core 2.0？

最后，在应用程序本身中，它需要在后台运行 npm install 以从 package.json 文件中获取所有安装的 npm 包。它还需要安装 nuget 包，然后在第一次运行时执行 webpack 编译。

npm 可能存在防火墙问题和损坏的 npm 缓存。您可以从项目文件夹中的命令行运行“npm install”。您可以从项目文件夹中的命令行运行“webpack --config webpack.config.vendor.js”。如果这些都失败了，它可能会提示您为什么项目无法正常运行。