React报错Unexpected token, expected ","(88:1) 找不到漏写逗号位置
React "Unexpected token, expected ","" 88行报错排查方案
报错指向第88行的};并不是真正的错误位置,是JSX解析器在前面代码遇到语法错误后,解析到文件末尾时抛出的错位提示,真实错误在88行之前的组件代码里。
你当前提供的代码片段如下:
86 | </Container> 87 | ); > 88 | };
按照以下优先级排查即可定位问题:
- 检查return语句(对应87行的
)往前匹配到的return (起始位置)内的所有JSX结构:有没有标签未闭合、自闭合标签漏写/>、标签属性拼写错误/漏写引号的情况 - 确认return内的同级JSX元素是否有统一父容器包裹:如果存在多个同级根元素,需要用
<></>(React Fragment)包裹,否则会触发解析错误 - 检查JSX中嵌入的JS表达式(用
{}包裹的内容):有没有对象属性漏写逗号、表达式括号未闭合、变量后有多余符号的情况 - 检查组件定义的语法:如果是函数组件,确认函数参数后的括号、箭头函数的语法是否正确;类组件要确认render方法的结构是否完整
内容的提问来源于stack exchange,提问作者Jesus Treviño
相关产品推荐
相关产品推荐

