将Google表格转为Web应用时出现Bad value错误求助

核心错误原因 #

你的JavaScript.html代码存在语法错误，导致模板渲染失败触发Bad value错误：columns数组里的{"title":"File Link"}项后缺失逗号，破坏了数组的语法结构。

修复步骤 #

1. 修正JavaScript.html的语法问题 #

修改columns数组部分，补全缺失的逗号，同时建议移除最后一项的冗余逗号避免兼容问题：

<script>
  
  google.script.run.withSuccessHandler(showData).getData();
  
  function showData(dataArray){
    $(document).ready(function(){
      $('#data-table').DataTable({
        data: dataArray,
      
        columns: [
          {"title":"File Name"},
          {"title":"Description"},
          {"title":"File Type"},
          {"title":"Category"},
          {"title":"File Extension"},
          {"title":"File Link"}, // 补全缺失的逗号
          {"title":"Uploaded By"},
          {"title":"Upload Date"} // 移除冗余逗号
        ]
      });
    });
  }
</script>

2. 额外验证项 #

• 启用Sheets API：在Google Apps Script编辑器中，点击资源→高级Google服务，找到Sheets API并启用。
• 确认表格权限：确保Web应用的部署账号有权访问目标表格（可将表格设置为「任何人可查看」或给部署账号分配权限）。
• 检查表格ID：确认getData()函数中的spreadSheetId已正确填写，无多余空格。

验证修复 #

修改代码后，重新部署Web应用（选择「新版本」并更新部署），即可正常加载表格数据。

内容的提问来源于stack exchange，提问作者Jack