出现场景
vue3 + vite创建的项目在引入sentry后,邮箱会经常收到错误:[Failed to fetch dynamically imported module]
报错原因
分析:错误出现的时间点大致在项目每一次重新部署之后。
原因:每次打包,会生成新文件名称不同的文件。浏览器当下的script
中会引用之前打包的文件,文件不存在就会报以上错误。
解决办法
可以在报这个错误的时候,重新刷新下浏览器。
router.onError((error, to, from) => {
if (/Failed to fetch dynamically imported module|Unable to preload CSS for/.test(error.message)) {
window.history.pushState({}, '', to.path);
window.location.reload();
}
});