关于vue3.0 多入口 打包后 提示 Uncaught SyntaxError: Unexpected token <

当Vue项目出现UncaughtSyntaxError: Unexpected token <的问题时,通常是由于用户访问了缓存的老页面,而服务器返回了HTML而非预期的JS文件。解决方法包括在vue.config.js中将publicPath改为'./',但此方法可能无效。如果问题依然存在,可能是由于new Vue实例引起,但该实例是必要的。最终解决方案可能是手动修改引入路径以避免错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

仅代表我遇到的情况

vue项目 报Uncaught SyntaxError: Unexpected token < 错误,一般是本来script src里应该是.js脚本资源,但是服务器却返回了.html 资源,出现这种情况很可能是新项目构建完后,用户还是访问老的缓存页面,老的缓存页面里的script src 引用的资源是服务器返回的404 html文件页面或者是被运维设置( try_files $uri $uri/ /index.html;)成跳转首页的html 文件(因为老的缓存页面里的script src 资源在你构建后 是会被删除的);

引入: https://www.jianshu.com/p/f95cbf950e6f  

 

网上的方法是:

把vue.config.js 里面publicPath 改成: ‘./’

本来应该是  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'

但因为test的包也需要./  所以 就都是./

 

但是还是会报错 说是  什么  new 有问题

 我觉得可能是   下图这里造成了问题  但是这个new  vue  是一定要存在的

 

所以    最后的选择是,打包后 手动改变引入路径

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值