无法识别异常错误的来源：颤振

Question

Image of code that occurs with error

我正在经历一个通俗易懂的Flutter课程，但我不明白为什么try catch无法使用try {}内部的if语句处理错误。我已经有几次这个问题了，我只是通过运行无错误的试验来避免了这个问题。

代码如下：

body {
  margin: 0;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  font-family: monospace;
}

#counter.big {
  /* Default value: */
  --transition-duration: 1s;
  
  font-size: 500%;
  opacity: 0;
  transition: all linear var(--transition-duration);
}

还有注册UI并使用Auth的类：

<div id="counter" class="big"></div>