ReactJS报Expected ';'、'}'或<eof>语法错误如何排查解决

该错误属于JavaScript语法解析错误：解析器扫描代码时遇到了非法标识，无法继续完成语法分析，因此抛出「期望';', '}'或文件结束」的提示。
你贴出的控制台错误已经精准指向了问题位置：声明异步函数的首行，你把ES6变量声明关键字const拼写为了cosnt。解析器无法识别cosnt这个非法关键字，直接判定该行语句不符合语法规则，这就是报错的根源，和教程代码逻辑本身没有关系，属于输入时的手误。

• 打开报错文件TransactionContext.js，定位到对应代码行，将开头的错误拼写cosnt修改为正确的关键字const，即可解决当前语法报错。
• 同代码片段中存在其他非语法类手误建议一并修正：alert ('Please install metamsk')中的metamsk应为metamask，否则弹窗提示文案会出现拼写错误。
• 修改完成后保存文件，等待项目重新编译，该解析错误会直接消除。

后续遇到同类型语法报错，可按以下优先级快速定位问题：

• 优先查看错误栈指向的代码行及上下3行范围内，const/let/async/function/return等内置关键字是否存在拼写错误
• 检查圆括号、花括号、方括号是否成对匹配，有没有漏写闭合符号、多写符号的情况
• 检查对象属性、数组元素、函数参数列表的分隔逗号是否存在漏写、多写、尾逗号不符合项目配置规则的问题
• 若为JSX代码块，检查标签是否闭合、插值表达式是否用{}正确包裹

内容的提问来源于stack exchange，提问作者dustycar17