c# - 如何在没有 Build "Errors"的情况下将 Angular-CLI 与 Visual Studio 2017 一起使用

Question

我在许多项目(其中一个是针对 es5 的 angular-cli 项目)的解决方案中遇到的问题是，自从 Microsoft 开发了 Typescript，他们就急于尝试在不完全了解 angular 的情况下进行编译-cli 故事。因此 (TS) 错误令人沮丧地在构建之间频繁出现，并隐藏了原本有效的错误。

我如何确保 Visual Studio 忽略这些 Typescript 错误并且在构建后完全不显示它们？

Answer 1

事实证明，由于 angular-cli 使用它自己的构建配置文件，因此修改 Microsoft 在构建前检查的 tsconfig.json 文件是安全的。我的解决方案是修改我的 tsconfig.json 如下:

{
  "exclude": [
    "node_modules/*",
    "src/*",
    "app/*",
    "@angular/*",
    "package.json"
  ],
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./wwwroot",
    ...
    "experimentalDecorators": true,
    "target": "es6",
  ...
  },
  "ignoreRules": {
    "TS2307": true,
    "TS2304": true,
    "TS2693": true
  }
}

有效地阻止 Visual Studio 编译，而是默认使用 ng-build(它本身被配置为输出到 wwwroot)，这在点击 Visual Studio 中的“运行”按钮时也很好。

.csproj

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

...

  <Target Name="DebugRunWebpack" BeforeTargets="Build">
    <!-- Ensure Node.js is installed -->
    <Exec Command="node --version" ContinueOnError="false">
      <Output TaskParameter="ExitCode" PropertyName="ErrorCode" />
    </Exec>
    <Error Condition="'$(ErrorCode)' != '0'" Text="Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE." />
    <Exec Command="npm install" />
    <Exec Command="ng build --env=$(Configuration)" />
  </Target> 

Angular -cli.json

"apps": [
    {
      "root": "src",
      "outDir": "wwwroot",
...

还有一件事......

您还必须在 Startup.cs 文件中设置默认路径:

 context.Request.Path = "/index.html";