Uncaught SyntaxError: Invalid or unexpected token 前端报错，无法触发onclick点击事件

最新推荐文章于 2024-05-22 16:33:15 发布
原创 最新推荐文章于 2024-05-22 16:33:15 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#spring boot #java #jquery

本文介绍了解决前端开发中点击事件无法触发的问题，通过调整字符串处理方式成功实现了按钮单击事件的正常触发。
部署运行你感兴趣的模型镜像

Uncaught SyntaxError: Invalid or unexpected token 前端报错，无法触发onclick点击事件

在这里插入图片描述
今天做项目的时候，我使用deleteByAid(#{aid})、setDefault(#{aid})两个函数分别给删除按钮和设为默认按钮分别绑定单击事件，后来在测试的时候发现删除按钮可以触发单击事件，而设为默认按钮无法触发并在控制台打印错误
在这里插入图片描述
Uncaught SyntaxError: Invalid or unexpected token是未捕获的语法错误：无效或意外标记，百度了一下，大部分错误都是说字符多出或缺少，例如单双引号的使用不规范，还有字符串拼接中出现的问题等等，但是我看了半天没有发现有什么异常和错误。百思不得其解，后来在setDefault("#{aid}")中加了一个双引号，然后通过tr.replace(’"#{aid}"’,list[i].aid);给变量赋值。
在这里插入图片描述
运行项目，发现问题解决了，两个onclick点击事件都可以被正常触发

您可能感兴趣的与本文相关的镜像

Python3.10

Python3.10

Conda
Python

Python 是一种高级、解释型、通用的编程语言，以其简洁易读的语法而闻名，适用于广泛的应用，包括Web开发、数据分析、人工智能和自动化脚本

微信小程序：解决报错SyntaxError: Invalid or unexpected token，SyntaxError:无效或意外的令牌（微信小程序调试编译/打包发布报错，页面白屏无法运行问题）
高级前端工程师
06-21 3489
微信小程序报错：SyntaxError: Invalid or unexpected token（已解决）捕获的查询无效或意外的标记，更新完小程序得代码后，某些页面就进不去了，控制台报错，小程序编译项目时报 SyntaxError: Invalid or unexpected token，突然就不行了报错，小程序编译报错，页面白屏报错，无效或意外的标记，提示错误，更新后报错，页面白屏或者启动了开发者工具但是不编译项目，数据格式错误，代码里的符号错了，多了、少了或是半角与全角的问题，标签没有闭合，使用了中文字
Unity3d 2020版本发布WebGL报错Uncaught SyntaxError: Invalid or unexpected token 和unityFramework is not...修正
qq_33789001的博客
02-06 6249
如题的问题是在Windows项目发布WebGL时遇到的，Unity3d的版本是2020.3.12f1c1，部署平台是IIS，运行浏览器是Chrome。如果是其它的版本的Unity，该方法可能不适用。具体表现是打开WebGL网页后加载至8-90%时卡住，而且不会再提升加载进度：F12打开Console窗口报错：完整报错截图：刚开始怀疑的是工程中使用的插件或者dll等模块有影响，于是我进行了一个空项目上的测试，还是一样的情况，无法正常启动至运行界面。
JavaScript： Uncaught SyntaxError: Invalid or unexpected token
u013771019的专栏
05-22 477
把上面的html代码直接保持为html文件，双机打开后，发现并没有连接到服务端的WebSocket上；打开F12，可以看到在Console标签下有错误信息：Uncaught SyntaxError: Invalid or unexpected token (at front.html:14:12)今天测试WebSocket功能，Client端：使用Html+JavaScript，通过浏览器解析后，当做客户端；刷新页面，看到可以正常连接到服务端了。好久没有碰前端的代码了。修改为英文等号，即可；
Uncaught SyntaxError: Invalid or unexpected token
qq_47233664的博客
12-19 6万+
Uncaught SyntaxError: Invalid or unexpected token 翻译： 捕获的查询无效或意外的标记。 出现这种问题一般是代码里的符号错了，多了、少了或是半角与全角的问题 解决方法就是检查代码，一般大多数软件会有提示 如果检查完代码后,发现没有符号错了，多了、少了或是半角与全角的问题，那么就要去考虑是否是传参的问题 一般传参问题出现在onclick事件中 如图： 该代码成功引发Uncaught SyntaxError: Invalid or unexpected toke
JavaScript报错：Uncaught SyntaxError:Invalid or unexpected token (at devicemanager.html:1:12)
雾林小妖的博客
04-29 1719
JavaScript报错：Uncaught SyntaxError:Invalid or unexpected token (at devicemanager.html:1:12)
精选资源
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文
若依RuoYi项目(Java+SpringBoot+ Bootstrap)前端报错Uncaught SyntaxError: Invalid or unexpected token解决方案记录
qq_44316964的博客
11-21 3208
若依RuoYi前后端混合项目中，前端关于 表格中行取值的问题及报错
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
错误：Uncaught SyntaxError: Invalid or unexpected token
Yan9018的博客
04-11 1万+
翻译：“未被发现的语法错误:无效或意外的标志”；原因：在jsp页面中缺少符号导致或者有中文字符导致
Uncaught SyntaxError: Invalid or unexpected token (at element-icons.ttf:1:1)
白白白鲤鱼的博客
04-03 683
Uncaught SyntaxError: Invalid or unexpected token (at element-icons.ttf:1:1)
Uncaught SyntaxError: Invalid or unexpected token 报错什么意思
热门推荐
WDS的博客
04-21 10万+
翻译下： uncaught：未捕获； syntax： 语法； invalid：无效的； unexpected: 意外的； token：表征，记号； 一般就是符号中文打出来的
提示错误: Uncaught SyntaxError: Invalid or unexpected token
fearlazy
07-13 2万+
原文链接：https://www.fearlazy.com/index.php/post/304.html 现象： 使用javascript时提示错误：Uncaught SyntaxError: Invalid or unexpected token 代码: 错误提示： 解决办法： 提示无效或意外的标识符，就是代码里的符号错了， 多了、少了或是半角与全角的问题。 解决这类问题就和大家来找茬差不多， 拼的就是眼力。 上面的代码的错误就是多写了个点号。 ...
前端报错：Uncaught SyntaxError: Invalid or unexpected token
csdnyq的博客
03-31 4851
前端报错：Uncaught SyntaxError: Invalid or unexpected token 我知道的可能原因有3个： 有字符缺少或多出来，例如单引号、双引号之类的 用了中文字符 其他。我曾经遇到一个错误，就是在jsp的a标签里面用el表达式时，用了很多无谓的单引号。 <a onclick="jump(\'' + user['name'] + '\',\'' + user...
nginx Uncaught SyntaxError: Invalid or unexpected token
最新发布
04-27
### Nginx 中 'SyntaxError: Invalid or unexpected token' 错误分析 当在配置 Nginx 时遇到 `SyntaxError: Invalid or unexpected token` 的错误提示，通常表明存在语法问题或文件编码不兼容的情况。以下是可能的原因及其解决方案： #### 可能原因及解决方法 1. **配置文件中的非法字符** 配置文件中可能存在不可见的特殊字符（如 BOM 字符），这些字符可能会导致解析器无法正常读取配置文件并抛出此错误[^1]。 解决方案：使用文本编辑工具打开配置文件，并确保保存为 UTF-8 编码且无 BOM 格式。 2. **未正确闭合括号或引号** 如果配置项中有遗漏的括号 `{}` 或双引号 `" "`，也可能引发此类错误。例如： ```nginx location / { proxy_pass http://localhost:3000; # 下面缺少右大括号 } ``` 正确写法应如下所示： ```nginx location / { proxy_pass http://localhost:3000; } # 添加缺失的大括号 ``` 3. **指令拼写错误** 拼错某些关键字也会触发该错误。比如将 `root` 写成 `roo`： ```nginx server { listen 80; roo /var/www/html; # 这里应该是 root 而不是 roo } ``` 4. **版本兼容性问题** 使用了较新版本才支持的功能但在旧版 Nginx 上运行可能导致异常行为。确认当前安装的是最新稳定发行版可以减少这类风险[^1]。 5. **外部脚本加载失败** 当尝试通过 JavaScript 动态修改页面路径而未妥善处理服务端重定向逻辑时，前端框架(如 Vue Router History Mode)配合不当亦会间接造成类似表现形式上的报错现象。此时需按照官方文档调整服务器设置以适配单页应用需求[^1]。 ```nginx server { listen 80; server_name example.com; root /path/to/dist; index index.html; try_files $uri /index.html; error_page 404 /404.html; } ``` 以上代码片段展示了如何针对 SPA (Single Page Application) 设置正确的 fallback 机制来避免因路由变化引起的资源找不到状况。 --- ###
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值