A opção logger fornece logging personalizado para eventos do React Compiler durante a compilação.

{
  logger: {
    logEvent(filename, event) {
      console.log(`[Compiler] ${event.kind}: ${filename}`);
    }
  }
}

Referência

logger

Configura o logging personalizado para rastrear o comportamento do compilador e depurar problemas.

Tipo 

{
  logEvent: (filename: string | null, event: LoggerEvent) => void;
} | null

Valor padrão

null

Métodos

  • logEvent: Chamado para cada evento do compilador com o nome do arquivo e os detalhes do evento

Tipos de evento

  • CompileSuccess: Função compilada com sucesso
  • CompileError: Função ignorada devido a erros
  • CompileDiagnostic: Informações diagnósticas não fatais
  • CompileSkip: Função ignorada por outros motivos
  • PipelineError: Erro inesperado de compilação
  • Timing: Informações de tempo de desempenho

Ressalvas

  • A estrutura do evento pode mudar entre as versões
  • Bases de código grandes geram muitas entradas de log

Uso

Logging básico

Rastreie o sucesso e as falhas da compilação:

{
  logger: {
    logEvent(filename, event) {
      switch (event.kind) {
        case 'CompileSuccess': {
          console.log(`✅ Compilado: ${filename}`);
          break;
        }
        case 'CompileError': {
          console.log(`❌ Ignorado: ${filename}`);
          break;
        }
        default: {}
      }
    }
  }
}

Logging detalhado de erros

Obtenha informações específicas sobre falhas de compilação:

{
  logger: {
    logEvent(filename, event) {
      if (event.kind === 'CompileError') {
        console.error(`\nFalha na compilação: ${filename}`);
        console.error(`Motivo: ${event.detail.reason}`);

        if (event.detail.description) {
          console.error(`Detalhes: ${event.detail.description}`);
        }

        if (event.detail.loc) {
          const { line, column } = event.detail.loc.start;
          console.error(`Localização: Linha ${line}, Coluna ${column}`);
        }

        if (event.detail.suggestions) {
          console.error('Sugestões:', event.detail.suggestions);
        }
      }
    }
  }
}
Previousgating
NextpanicThreshold