使用 Typescript watcher Compiler API 检测成功/失败

Question

Typescript 编译器 API 允许通过使用 ts.createWatchCompilerHost API 以编程方式创建手表编译器，Typescript 文档 here 中演示了它的使用示例。

此 API 接受回调作为其最后一个参数，该参数将在手表状态更改时调用，并提供一个描述手表状态更改的 Diagnostic 对象。

使用这些诊断事件，我试图区分compiling、success 和failure 状态。我已经检测到compiling 状态工作正常，但是在确定success 和failure 之间的区别时遇到了一个奇怪的问题。

我遇到的问题是由于诊断代码的应用如下。如果构建时出现 1 个错误，则提供代码 6193，否则提供代码 6194。这意味着如果没有错误（success）或有 2 个以上错误（failure），则提供代码 6194。这个逻辑可以在ts编译器here看到。

createWatchCompilerHost 的用户在构建时没有错误的情况和构建时出现 1+ 个错误的情况之间确定的预期方式是什么？

一个 hacky 解决方案是解析 diagnostic.messageText 以检查 Found 0 errors. 但这似乎非常脆弱，并且是我希望避免的解决方案。

Answer 1

TS 3.7

在 TypeScript 3.7 中，errorCount 上现在有一个 errorCount 参数：

function reportWatchStatusChanged(
    diagnostic: Diagnostic,
    newLine: string,
    options: CompilerOptions,
    // I'm not sure why this is nullable, I am asking in the issue
    errorCount?: number
) {
    // check error count here
}

TS 3.7 之前的版本

鉴于示例中的以下监视主机：

const host = ts.createWatchCompilerHost(
  configPath,
  {},
  ts.sys,
  createProgram,
  reportDiagnostic,
  reportWatchStatusChanged
);

您可以添加一个由reportDiagnostic 回调触发的标志，然后在reportWatchStatusChanged 中检查并重置该标志。

例如：

let hadDiagnostics = false;

function reportDiagnostic(diagnostic: ts.Diagnostic) {
  hadDiagnostics = true;
  // ...etc...
}

function reportWatchStatusChanged(diagnostic: ts.Diagnostic) {
  if (hadDiagnostics) {
      console.log("Failed.");
      hadDiagnostics = false;
  } else {
      console.log("Success.");
  }

  // ...etc...
}