VSCode自动保存时mochapack --watch报runnable.enableTimeouts is not a function错误

该报错的核心原因是VSCode短时间内多次自动保存触发mochapack高频重复编译，导致mocha实例的runnable对象未完成初始化就被调用，出现enableTimeouts is not a function的API调用异常。
可用以下方案解决兼容问题：

• 调整VSCode自动保存触发规则
  将VSCode默认的延迟自动保存改为失焦自动保存，避免短时间内多次连续保存触发重复编译。修改路径：设置页面搜索Files: Auto Save，将选项从afterDelay切换为onFocusChange，仅在编辑器失去焦点时触发保存，大幅降低触发频率。
• 新增mochapack监听防抖参数
  在启动命令中添加--watch-aggregate-timeout防抖参数，设置300~500ms的聚合等待时间，短时间内多次文件变更只会触发一次编译。调整后的启动命令如下：
  cross-env NODE_ENV=development mochapack --watch --watch-aggregate-timeout 300 --require tests/components/setup.ts "tests/components/**/*.spec.ts"
• 对齐mocha与mochapack的兼容版本
  该报错也存在版本兼容性诱因，enableTimeouts方法在mocha 9+版本中存在API变更，和低版本mochapack不兼容。可选择将mocha版本锁定到8.x系列，或是升级mochapack到v2.0及以上版本适配高版本mocha。
• 优化webpack监听配置
  如果项目使用自定义webpack配置供mochapack调用，可新增watchOptions配置排除无效监听目录、增加防抖时间，减少无效编译触发：

  module.exports = {
    // 其他原有配置
    watchOptions: {
      ignored: /node_modules/,
      aggregateTimeout: 300
    }
  }
  

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