记一次，vite打包问题

现象

vite打包部署到github page后，提示TypeError: Failed to fetch dynamically imported，找不到abc111.js文件 ,但是在浏览器直接访问 abc111.js文件 却可以访问到

原因

原因未知。
TypeError: Failed to fetch dynamically imported module · Issue #11804 · vitejs/vite (github.com)
这个好像是说打包后，因为文件名字被哈希了（新文件）。去找旧文件，所以不存在。跟我的现象不一致。

vite build打包以后报错Failed to fetch dynamically imported module · Issue #30 · vitejs/vite-plugin-vue (github.com)

解决

翻了一堆stackflow/google/github。看上去好像是因为动态导入的锅。但是这些方法，全都不行。 但是当我随便选了一个页面组件，改回正常的组件加载方式，非懒加载的方式。就是顶部import页面组件，路由component里直接设置为这个组件，你懂的。 然后打包部署后，其他路由访问，全都行了。玄学编程了，属于是。