在 Visual Studio 2019 中为 Angular 应用程序构建失败

Question

我使用 Visual Studio 2019（社区版）进行了 Angular 8 和 .Net Core 2.2（Web API）的应用。为了将两个项目保留在单个解决方案中，我按照此链接中给出的说明进行操作： 将 Angular 7.0 客户端应用程序添加到 asp.net core 2.2 Web api 项目

它运行良好一段时间，现在给出构建错误，如下图所示。虽然我可以从命令提示符处使用 ngserve 命令运行应用程序，但无法使用 Visual Studio 2019 进行构建。

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

{
  "compileOnSave": true,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "module": "esnext",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": false,
    "strictInjectionParameters": true
  }
}

请帮忙解决以上案例。我不知道如何共享代码，但我可以将代码作为其学习应用程序共享。

其次，是否有其他方法可以将 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>