疑难杂症：Spring boot web链接Vue项目出现Loading chunk failed的问题

Spring boot web链接Vue项目出现Loading chunk failed的问题

症状

简单的描述一下症状
在一个spring boot web项目里，通过在resource文件夹加入static 和 templete来添加Vue前端项目。
刚开始，我在idea中运行代码一切正常。
但如果maven打包成jar之后，一些页面出现了Loading chunk failed的问题。简单的来说，是一个css文件不能被浏览器正确读取和解析，导致页面不能跳转。

定位问题

首先我要找到不能被浏览器解析的文件
chunk-4236eb87.0e433876.css
，在我这里是这个css文件。

这时我打开这个文件，发现里面竟然没有内容。

此时我到js目录找对应的js文件。
而我这时候发现，对应同名的js文件其实是包含内容的。

那么我们就可以猜想，既然这两个文件有一一对应的问题，所以这个js文件没有需要的css格式，所以
前端打包得到了一个空的js文件。

而浏览器检查的时候，无法解析一个空的chunk文件造成了跳转失败。

解决问题

那我们的解决方法就显而易见了。

一个是前端在这个页面也指定一些css样式。

另一种就是我们手动在这个css文件中增加一个样式。

.fill-empty-file{}

比如我就是这样做的。然后将这个文件替换回resource资源目录，重新打包。
这个问题就解决了。