首页 > 其他分享 >Vue项目打包后访问失败:Uncaught SyntaxError: Unexpected token '<' (at xxx.js:1:1)

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

时间:2023-01-12 15:01:04浏览次数:46  
标签:Unexpected SyntaxError xxx js token Vue 报错 打包

问题描述

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

思路

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

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

解决办法(之一)

针对这次报错,原因是index.html中引用的部分文件在打出来的包里找不到,而是被打成了压缩包.gz格式:
image
然后在vue.config.js中找到了罪魁祸首:CompressionPlugin。
问题出在,CompressionPlugin的配置中,deleteOriginalAssets设为了true,导致一些文件被压缩后原文件丢失。
将deleteOriginalAssets改为false,重新打包,问题解决。

标签:Unexpected,SyntaxError,xxx,js,token,Vue,报错,打包
From: https://www.cnblogs.com/cosmicbison/p/17046670.html

相关文章