google.script.run 没有触发下一个函数

我有一个功能可以检查用户是否正确填写表单并检查用户在创建的 Google 表单中的问题和答案。我创建了一个加载模式，它应该转换为表单是否有效。如果无效，它将显示表单中的哪个问题有问题。但是，它不会越过加载图标。如果我注释掉 google.script.run.loading()，它将转到 onExtractDataFormSuccess 函数并调用 code.gs 中的错误函数。不知道我做错了什么。

以下是我所做的：

function checkForm(){
        var f_name = document.getElementById('first_name').value;
        var l_name = document.getElementById('last_name').value;
        //var email = document.getElementById('email_inline').value;
        var fullNme = f_name + " " + l_name;

        var isFNameValid = isValid(f_name);
        var isLNameValid = isValid(l_name);
        //var isEmailValid = validateEmail(email);

        if(isFNameValid && isLNameValid){
          google.script.run.loading();
          console.log("after loading");
          google.script.run.withSuccessHandler(onExtractDataFormSuccess).extractFormData(fullNme);
          console.log("after onExtractDataFormSuccess");
          //var response = google.script.run.extractFormData(fullNme);
          //google.script.run.extractFormData(fullNme);
          //setTimeout(confirmationPopUp,1350);
          return true;
        } else {
          displayErrors();
          return false;
        }
      }

      function onExtractDataFormSuccess(response) {
        console.log("ENTER onExtractDataFormSuccess");
        if(!response.Success){
          console.log("encountered error in form");
          google.script.run.error(response);
        }
      }

以下函数在 code.gs 中：

function error(response){
 // var ui = HtmlService.createHtmlOutputFromFile('error')
   //   .setWidth(420)
     // .setHeight(96);
  var html = HtmlService.createTemplateFromFile('answer-missing-error');
  html.id = response.Question;
  FormApp.getUi().showModalDialog(html.evaluate().setWidth(520).setHeight(250), "Error");
}

function loading() {
  var ui = HtmlService.createHtmlOutputFromFile('loading-icon')
      .setWidth(170)
      .setHeight(76);
  FormApp.getUi().showModalDialog(ui, 'Loading Quiz to MOATT Database');
}