Visual Studio 2019中的Angular应用程序生成失败

Question

我在Visual Studio 2019（Community Edition）中应用了Angular 8和.Net Core 2.2（Web API）。为了将两个项目都放在一个解决方案中，我遵循了此链接中给出的说明： Add angular 7.0 client application to asp.net core 2.2 web api project

它在一段时间内运行良好，现在出现如下图所示的构建错误。而我可以从命令提示符处使用ng serve命令运行该应用程序，但不能使用Visual Studio 2019进行构建。

我试图通过更改tsconfig.json中的设置来解决错误，但到目前为止没有成功。找到我当前的tsconfig.json，如下所示：

super.onActivityResult(requestCode, resultCode, data)
    if (requestCode === PICK_FROM_LOCAL && resultCode === Activity.RESULT_OK) {
        val uri = data?.data

        val uriPath = uri?.path
        val file = File(uriPath)
        Log.i("File Path", file.path)
        if (file.exists()) {
            viewModel.hasFile = true
            val requestFile = RequestBody.create(MediaType.parse("multipart/form-data"), file)
            val multipartData =
                MultipartBody.Part.createFormData("file", file.name, requestFile)
            viewModel.file = multipartData
        }
    }

请为上述情况提供帮助。我不知道如何共享代码，但是我可以将代码共享为它的学习应用程序。

第二，还有其他方法可以将Angular和.Net Core Web Api保留在单个项目中吗？

Answer 1

找到了解决方案。我排除了用于Angular的“ ClientApp”文件夹，并尝试构建仅具有Web Api项目的解决方案。仍然给我同样的错误。因此，它确认tsconfig.json中没有问题。

我如下更改了.csproj文件的内容：

<PropertyGroup>
    <TargetFramework>netcoreapp2.2</TargetFramework>
    <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
    <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
    <TypeScriptToolsVersion>Latest</TypeScriptToolsVersion>
    <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

之前像下面这样：

<PropertyGroup>
    <TargetFramework>netcoreapp2.2</TargetFramework>
    <AspNetCoreHostingModel>InProcess</AspNetCoreHostingModel>
    <TypeScriptToolsVersion>3.6</TypeScriptToolsVersion>
   <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
</PropertyGroup>

Answer 2

您绝对可以在一个解决方案中托管.Net Core WebApi和Angular。 Microsoft甚至创建了一个不错的项目模板，该模板自.Net Core 2.2起就包含在内。参见https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-3.0&tabs=visual-studio是一个很好的起点。

您列出的文章是针对不使用Angular SPA模板构建的现有独立Web Api项目的，他们需要稍后在其中添加SPA。微软的SPA模板还不错，一切都可以直接使用，请尝试一下。