低版本浏览器 报错 SyntaxError: Unexpected token...
客户机器使用xp系统,谷歌最高支持49版本,项目启动浏览器报错 SyntaxError: Unexpected token...,主要原因是该浏览器版本无法识别“...”——es6语法。
项目使用vuecli4 创建,配置是会进行es6——> es5 转换的,高版本浏览器可以,低版本浏览器不行,网上尝试了一大堆方法,改babel.config.js,改.babelrc文件,覆盖webpack.babel配置都没解决我的问题。
最后追踪错误代码位置,发现该位置是属于第三方组件库(vuetify)中的es6版本,网上重新定位问题找到原因
因为打包器会默认忽视转换node_modules库中的es6语法,高级浏览器可以自动识别node_modules中的es6语法与es5语法进行使用,而低级浏览器不行;
最终配置vue.config.js文件的transpileDependencies进行node_modules中的babel转换,成功解决问题。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异