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. 平时编写代码时要注意代码规范,不需要的代码能删就删吧。。。
标签:
前端Vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)