vue发布部署Uncaught SyntaxError: Unex rcted token ？问题解析

最新推荐文章于 2024-05-23 16:18:28 发布
最新推荐文章于 2024-05-23 16:18:28 发布
阅读量499 收藏 1
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouoxinxin/article/details/126519360
版权

关于vite打包发布的浏览器版本过低无法兼容的问题 ，在到企业打包发布部署的过程中因为浏览器版本过低无法访问，一开始以为是服务器配置问题，甲方公司用的内网，安装的浏览器版本也很低，我们自己用同样的包同样的部署方式没有出现这个问题，最后换了低版本浏览器才复现，发现是浏览器兼容问题。 类似于Uncaught SyntaxError: Unex rcted token ****的几乎都兼容问题，在网上看到的相关文章几乎都在说静态文件路径错误等等，最终都没解决，可能也是因为vue3+vite的打包方式和网上解决的方法不符合，相关的一些报错具体的可以查看vite官网：[https://vitejs.cn/config/#build-target]
1、找到项目中的vite.config.ts文件，修改相关的配置，具体的兼容版本就看相关的兼容度了

 // target: 'es2015',
      // 兼容 Chrome 内核比较低的浏览器，如 360、QQ 浏览器
      target: 'es2015',
      cssTarget: 'chrome61',
码农舟舟
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
（vite/webpack 通用）vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘
07-13 3362
浏览器一片空白，开控制台输出：Uncaught Syntaxerror: Unexpected token?vite代码版本较高，导致低版本浏览器无法运行，结果是他那边浏览器的版本很低(谷歌44)导致的。
Vue3 Uncaught SyntaxError: Unexpected token ＜‘ 错误参考解决方法
最新发布
shi15926lei的博客
05-23 705
1.检查引用的 JavaScript 文件是否正确：确认所有引用的外部 JavaScript 文件路径是否正确，可以在静态资源的路径前加上<%= BASE_URL %>，例如<script type="text/javascript" src="<%= BASE_URL %>jquery.min.js"></script>。2.检查 JavaScript 文件的内容：打开引用的 JavaScript 文件，确保文件内容是有效的 JavaScript 代码，没有错误或意外的 < 字符。
vue3 Uncaught SyntaxError: Unexpected token . 部分老版本浏览器报错
qq_39196447的博客
09-20 1074
重新运行项目即可解决。
前端部署上线后白屏，出现Uncaught SyntaxError: Unexpected token ‘＜‘的错误
weixin_47541876的博客
07-26 1795
Uncaught SyntaxError: Unexpected token '
【Vue中的坑】Vue打包上传线上报Uncaught SyntaxError: Unexpected token <
weixin_30808253的博客
01-23 2824
今天在vue打包上传线上后，报一下错误，一下就懵了，这可咋整啊，一如既往的想都没想就开始复制错误，上网开搜 Uncaught SyntaxError: Unexpected token < Uncaught SyntaxError: Unexpected token < Uncaught SyntaxError: Unexpected token < 网上搜...
vite项目 Uncaught Syntaxerror: Unexpected token ＞ vue项目上线白屏
weixin_43239880的博客
04-07 6279
vite项目 Uncaught Syntaxerror: Unexpected token > vue项目上线白屏
【前端疑难杂症】Vue 项目报错Uncaught SyntaxError: Unexpected token ＜
热门推荐
FortheOne的博客
02-28 1万+
Uncaught SyntaxError: Unexpected token <
Vue项目报错：Uncaught SyntaxError: Unexpected token ＜
Carol的小星球
07-15 2973
这个是我在index.html中引入一些JS库文件时产生的错误，当时我的JS文件放在了src目录下，后面查阅相关资料发现，Vue引入静态文件时，不能放在src目录下，需要放在与之同级的目录下，例如static，因为src目录下的资源只能import或require。 ...
vue 引入 js文件报错
qq_32486011的博客
12-18 1251
Uncaught SyntaxError: Unexpected token ‘<’ 报错写法： <script src="./static/jsMapmin.js"></script> 不报错写法： <script src="/static/jsMapmin.js"></script> 总结： 把相对路径改成 绝对路径 ...
nginx配置vue打包项目（亲测有效）Uncaught SyntaxError: Unexpected token ‘＜‘ app.30bad5 500 Internal Server Error
mrliucx的博客
04-29 3859
01.安装 1. 安装nginx（不同版本会导致某些指令运行不成功） 链接: https://pan.baidu.com/s/1yNpxhz5HZMZCd7C4RmpNBg 提取码: 5rze 2.解压到目录（例如：D:\nginx）下然后在文件目录路径输入框输入cmd 3.然后输入start nginx并进行回车 4.在浏览器输入http://localhost:8080/出现如下图所示的内容代表着运行成功 02.配置 1.界面配置 如下图所示，通过http://localhost:8080/访
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
weixin_43795840的博客
08-14 1218
问题原因：js文件夹位置放置错误 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方法： 1.将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：<script src="./static/utils/sockjs.js"></script>，这样就不报错了！ 总结： ...
报错 Uncaught SyntaxError: Unexpected token ‘＜‘
bigbigpigsobig的博客
07-21 462
前端部署有时候会出现这个报错 ，如下图所示： 一般都是配置不当引起的，修改vue.config.js文件 // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.baidu.vip/admin/，则设置 baseUrl 为 /admin/。 publicPath: process.env.NODE_ENV === 'production' ? '/' : '/admin/', ...
Uncaught SyntaxError: Unexpected token ... 【bug记录】vue项目发布
成茂峰
02-02 2255
项目场景：部署，组件或页面html使用ES6语法导致，界面无法显示。
Uncaught SyntaxError: Unexpected token '?'
08-24
Uncaught SyntaxError: Unexpected token '?'错误通常是由于JavaScript代码中出现了不符合语法规则的字符造成的。根据引用和引用的内容，这个错误可能是由于代码中某处缺少了某些字符或者引入的JavaScript文件路径错误导致的。 为了解决这个错误，你可以按照以下步骤进行排查和修复： 1. 首先，检查你的代码中是否有缺少引号、括号、分号等基本语法元素的情况。确保代码中的每个字符都符合JavaScript语法规范。 2. 如果你在代码中使用了某个JavaScript库或文件，请确保你正确引入了该文件，并且文件路径是正确的。可以检查引用中的提示，看是否有文件路径错误的地方。 3. 如果你使用的是外部库或框架，可以查看相关文档或论坛，看是否有其他人遇到类似的问题，并找到解决方法。 4. 如果以上步骤都没有解决问题，你可以尝试将代码进行逐行注释，然后逐行取消注释，以找到导致错误的具体代码行。 5. 如果你仍然无法解决问题，可以尝试搜索错误信息和相关的代码片段，看是否有其他开发者遇到过类似的问题并提供了解决方案。 总之，Uncaught SyntaxError: Unexpected token '?'错误通常是由于JavaScript代码中出现了语法错误或者引入文件路径错误导致的。通过仔细检查代码和文件路径，你应该能够解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [解决 Uncaught SyntaxError: Unexpected token ‘‘ 解决方法](https://blog.csdn.net/HeXinT/article/details/125082562)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Uncaught SyntaxError: Unexpected token ‘.‘错误解决](https://blog.csdn.net/weixin_43934104/article/details/107861216)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Vue项目报错：Uncaught SyntaxError: Unexpected token](https://download.csdn.net/download/weixin_38697328/14820887)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值