vue打包出0kb的文件,导致部署到平台后报错404的问题

在Vue项目中,打包后部署到平台出现chunk-xxx.css文件404错误。问题源于空的或全注释的CSS代码在打包时生成0kb文件。解决方案是删除无用的注释代码,确保打包后的文件不包含0kb资源。注意代码规范,避免不必要的代码。
摘要由CSDN通过智能技术生成

问题描述:

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

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值