0x00 故障描述

最近领导要求附件要做预览的功能,在前端集成了docx-preview插件,在chromium内核浏览器是正常工作的,但是用IE打开详情页面的时候页面加载不出来,F12查看console输出,报语法错误

image.png
image.png

0x01 排查过程

根据最近的修改记录,问题大概率出在引入的包或者方法上面,import代码就只有两行,依次注释后用IE浏览器打开相关页面查看页面是否正常工作,最后发现问题出在import {renderAsync} from "docx-preview";这行

0x02 解决方案

将renderAsync方法改成动态加载,点击预览的时候,判断如果是IE浏览器则提示“IE浏览器不支持预览功能”,如果是chromium内核浏览器,通过const renderAsync = (await import('docx-preview')).renderAsync;引入renderAsync方法。