免费开源的WPS AI插件察元AI助手:installGlobalErrorLogger：启动写盘与 Vue 错误钩子

摘要

全局错误日志在 install 时尝试创建日志目录并写入 logger_boot 行，再把 Vue 的 errorHandler 接到统一 logError。排查「仅有控制台无文件」时，应检查 getApplication().FileSystem 与数据目录权限。

关键词

日志;errorHandler;Vue

扩展阅读与维护提示

本篇围绕「installGlobalErrorLogger：启动写盘与 Vue 错误钩子」组织材料。仓库内与主题最直接相关的检索词包括：日志、errorHandler、Vue。建议在阅读正文所列片段后，用 IDE 全局搜索这些符号，沿 import 与调用栈向上追问「谁在什么时机调用」，而不是只记住单文件路径。

摘要所概括的要点为：全局错误日志在 install 时尝试创建日志目录并写入 logger_boot 行，再把 Vue 的 errorHandler 接到统一 logError。排查「仅有控制台无文件」时，应检查 getApplication().FileSystem 与数据目录权限。落地到排障时，可把现象粗分为三类交叉验证：配置是否按预期写入持久化介质；WPS COM 上下文是否可用（例如是否缺少 ActiveDocument）；以及网络与证书策略是否拦截了 fetch。本篇涉及的模块通常只覆盖其中一两类，需要与相邻篇目拼成完整拼图。

教程文件名「35-quanju-rizhi-yu-Vue-errorHandler.md」仅用于导航与排序，不等价于源码模块名。若正文中的行号与本地分支不一致，多半因合并导致行偏移，此时应以函数名、导出名为锚重新检索；团队若维护了生成脚本，可在变更大段源码后重新运行以保持摘录大致对齐。

本文刻意避免对产品能力做营销式承诺：所述行为均以当前仓库可见实现为准。若组织策略要求离线或内网模型，应在网关、证书与代理层收口，而不是假设加载项能绕过浏览器安全模型。

若你同时阅读 docs/chayuan-llm-chain-series，可先对照其中的总体链路图理解「请求从 UI 到 chatApi」的次序，再回到本教程看数据结构、默认值与修改风险面；两者互补，不重复堆砌功能列表。

正文

1. 安装流程

prepareLogDirectoriesOnInstall 与 writeLogLine(logger_boot)。

阅读源码摘录时，请把它当作「定位入口」而非完整实现：同一函数可能在其他分支还有早退条件或 try/catch。修改默认行为前，建议用最小文档手工走一遍相关助手或对话框，并观察任务清单与日志中的字段是否与预期一致，再决定是否做数据迁移或配置重置。

复制代码

// src/utils/globalErrorLogger.js 第544-570行
export function installGlobalErrorLogger(app) {
  if (!app) return

  try {
    prepareLogDirectoriesOnInstall()
    const fs = getApplication()?.FileSystem
    const dir = getLogsDir()
    if (fs && dir) {
      const abs = tryEnsureLogDir(fs, dir)
      maybeCleanupOldLogs(fs, abs)
    }
  } catch (e) {
    void e
  }

  try {
    writeLogLine(
      safeStringify({
        ts: new Date().toISOString(),
        type: 'logger_boot',
        logsDir: getLogsDir(),
        ua: typeof navigator !== 'undefined' ? navigator.userAgent : ''
      })
    )
  } catch (e) {
    void e
  }

2. Vue 错误处理

app.config.errorHandler 包装 logError，携带组件名等上下文；注释说明不在此处弹层以避免渲染期递归。

复制代码

// src/utils/globalErrorLogger.js 第572-580行
  app.config.errorHandler = (err, instance, info) => {
    logError('vue_error', {
      info: String(info || ''),
      error: normalizeValue(err),
      component: instance?.$options?.name || instance?.type?.name || ''
    })
    console.error('[Vue Error]', info, err)
    // 不在此处弹层：避免渲染期错误 → 弹窗 → 再次触发 Vue 更新形成递归。
  }

免费开源的WPS AI插件 察元AI助手:installGlobalErrorLogger：启动写盘与 Vue 错误钩子

摘要

关键词

扩展阅读与维护提示

正文

1. 安装流程

2. Vue 错误处理

免费开源的WPS AI插件察元AI助手:installGlobalErrorLogger：启动写盘与 Vue 错误钩子