https://blog.csdn.net/chengcheng111111111/article/details/116784578
vue打包出0kb的文件,导致部署到平台后报错404的问题
问题描述:
vue项目,进行打包后,在前端和后端本地都可以非常正常的跑起来,但部署到平台,提示 chunk-xxx.css文件找不到,报错404!
解决办法:
问题定位:那个提示找不到的css文件是0kb的,怀疑和这个有关,试了很多种乱七八槽的高级操作,最终,将代码中的<style></style>里面注释掉的css代码删除掉,重新打包,这次打出来的包就没有0kb文件了,再次部署,成功了~
网上有人说是这个原因:springboot1时,0kb的css不会有什么问题,springboot2后,0kb的css直接返回404,因此vue会直接报错;发现vue的vue-loader升级为15.5.1,不会出现0kb的css,问题解决。
我的项目vue-loader是15.7.0,空的<style></style>不会报错,但<style></style>里面全都是注释了的css代码,就会在打包时生成一个0kb的文件,导致部署后报错~
总结:
1.全都注释掉的css代码依然会被打包成css文件,只是这个文件里面没有内容;
2. 平时编写代码时要注意代码规范,不需要的代码能删就删吧。。。