前端项目发布后打开报错Uncaught SyntaxError: Unexpected token ‘<‘ (at chunk-vendors)

报错原因 :请求js拿到的是一个非js脚本文件,因为请求没拿到正确路径。

如:我的项目是部署在www.a.com/web下,打包后index.html内请求的脚本默认是

<script src="/static/js/chunk-vendors.ea8a242f.js"></script>

而/代表绝对路径,也就是请求服务器的www.a.com/static/js/chunk-vendors.ea8a242f.js,所以需要把绝对路径改成相对路径(前面加个.)。

<script src="./static/js/chunk-vendors.ea8a242f.js"></script>

这样就是请求:www.a.com/web/static/js/chunk-vendors.ea8a242f.js,他会补上项目部署的位置:web

解决办法

在配置文件加 publicPath: './',

普通vue-cli项目在vue.config.js加,

我的是Uniapp,在manifest.json的H5(我是发布H5)加"publicPath" : "./",

相关推荐
GIS好难学6 分钟前
考研出分24小时,人类精神状态图鉴
前端·考研·gis·gis开发·webgis·地信
斯~内克13 分钟前
React Router 完全指南:从基础到高级实践
前端·react.js·前端框架
IT、木易13 分钟前
大白话React第八章React 深入进阶与实践拓展阶段
javascript·react.js·ecmascript
m0_7482323915 分钟前
qwenvl 以及qwenvl 2 模型架构理解
android·前端·后端
冲!!18 分钟前
vue3中ref和reactive响应式数据、ref模板引用(组合式和选项式区别)、组件ref的使用
前端·javascript·vue.js
匹马夕阳19 分钟前
React vs Vue3深度对比与使用场景分析
前端·react.js·前端框架
一路向前的月光21 分钟前
React(11)路由demo
javascript·react.js·ecmascript
Swift社区1 小时前
【Swift 算法实战】利用 KMP 算法高效求解最短回文串
vue.js·算法·leetcode
七灵微1 小时前
【前端】简单原生实例合集html,css,js
前端·css·html
祈澈菇凉1 小时前
2025年React Hooks的进阶面试题130题及其答案解析..
前端·react.js·前端框架