Vue项目打包后访问失败：Uncaught SyntaxError: Unexpected token '<' (at xxx.js:1:1)

问题描述

Vue打包部署后访问系统报错Unexpected token：

思路

接手的项目多了经常遇到这种问题，一般有以下几个思路：

1. 百度一下
2. 检查打包配置（一般在vue.config.js里，有关tag注入的配置）
3. 对比开发版本和打包版本的html引入的标签有什么区别
4. 解铃还须系铃人，找交接给你的同事

解决办法（之一）

针对这次报错，原因是index.html中引用的部分文件在打出来的包里找不到，而是被打成了压缩包.gz格式：

然后在vue.config.js中找到了罪魁祸首：CompressionPlugin。
问题出在，CompressionPlugin的配置中，deleteOriginalAssets设为了true，导致一些文件被压缩后原文件丢失。
将deleteOriginalAssets改为false，重新打包，问题解决。