sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

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. 平时编写代码时要注意代码规范,不需要的代码能删就删吧。。。

 

 

posted on 2022-08-09 23:06  sunny123456  阅读(205)  评论(0编辑  收藏  举报