Office任务窗格显示异常求助：更新证书后界面错乱

问题详情 #

• 间隔一段时间运行自定义Office JS加载项，因证书过期导致应用无法运行
• 执行npx office-addin-dev-certs install重新安装开发证书后，任务窗格出现显示异常：背景变黑、拖动时界面扭曲，截图如下：
  
• 浏览器中打开https://localhost:3000时应用显示正常
• 已多次尝试清除Office缓存，且未修改过代码，问题仍未解决

可能的解决方案 #

1. 重置WebView2运行时

Office加载项依赖WebView2渲染界面，证书更新可能导致WebView2缓存或配置出错：

• 打开控制面板 → 程序 → 卸载程序，卸载「Microsoft Edge WebView2 Runtime」
• 从微软官方渠道下载并安装最新版WebView2 Runtime
• 重启Office应用后重新加载加载项

2. 彻底重新生成开发证书

可能证书安装不完整或残留旧配置：

• 先卸载旧证书：npx office-addin-dev-certs uninstall
• 打开Windows证书管理器（运行certmgr.msc），删除「个人」和「受信任的根证书颁发机构」中所有与Office加载项相关的证书
• 重新安装证书：npx office-addin-dev-certs install
• 重启开发服务器和Office应用

3. 关闭GPU加速渲染

界面扭曲可能是GPU渲染兼容性问题：

• 打开「Internet选项」→「高级」标签页
• 勾选「使用软件呈现而不使用GPU呈现」选项
• 重启Office应用后测试

4. 重置Office应用

重置Office可清除加载项相关的异常配置：

• 打开目标Office应用（如Word），点击「文件」→「选项」→「账户」→「关于」
• 选择「重置」（部分版本为「快速重置」），确认保留文档后执行重置
• 重置完成后重新加载加载项

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