vite生产环境报错 TypeError: Failed to fetch dynamically imported module: xxx

问题描述

vue3 + vite项目：有时跳转页面会卡住，控制台信息如下：

TypeError: Failed to fetch dynamically imported module: xxx

信息收集

用户端复现了问题，从现场获取到控制台日志：

问题分析

从报错来看，动态加载模块失败

单独访问module链接，服务端响应404

查看服务器部署文件，发现服务端文件，与请求文件的hash不一样, 也就是说服务端文件发生了变更

说白了就是用户在浏览页面期间服务器更新了静态资源文件

解决

刷新下页面即可