Vue项目打包后访问失败:Uncaught SyntaxError: Unexpected token '<' (at xxx.js:1:1)
问题描述
Vue打包部署后访问系统报错Unexpected token:
思路
接手的项目多了经常遇到这种问题,一般有以下几个思路:
- 百度一下
- 检查打包配置(一般在vue.config.js里,有关tag注入的配置)
- 对比开发版本和打包版本的html引入的标签有什么区别
- 解铃还须系铃人,找交接给你的同事
解决办法(之一)
针对这次报错,原因是index.html中引用的部分文件在打出来的包里找不到,而是被打成了压缩包.gz格式:
然后在vue.config.js中找到了罪魁祸首:CompressionPlugin。
问题出在,CompressionPlugin的配置中,deleteOriginalAssets设为了true,导致一些文件被压缩后原文件丢失。
将deleteOriginalAssets改为false,重新打包,问题解决。
分类:
前端开发 / Vue
, 前端开发
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~