导出excel表格项目打包到后端后报错:ChunkLoadError: Loading chunk chunk-38605a97 failed.
做的excel表格导出多行内容,本地测试没问题了,打包到后端测试发现导出表格失败并报错:ChunkLoadError: Loading chunk chunk-38605a97 failed.
网上搜索一下参考了路由懒加载的情况下容易出现此问题:因此添加下列代码尝试:
router.onError((error) => {
const pattern = /Loading chunk (\d)+ failed/g;
const isChunkLoadFailed = error.message.match(pattern);
const targetPath = router.history.pending.fullPath;
if (isChunkLoadFailed) {
router.replace(targetPath);
}
});
再次打包后,后端干脆什么也读取不了页面无显示,排查发现不是路由懒加载的问题:
本地用excel导出的方式是引入了两个js:
//导出excel插件
import Blob from './excel/Blob.js'
import Export2Excel from './excel/export2Excel.js'
但是被注释了,因为注释后本地可以正常运行
打开注释重新引入到main.js便解决了
总结原因是:有些情况下本地打包时可以找到自己的文件的,打包到线上后会剔除掉未导入的文件