当在前端开发中遇到 "SyntaxError: expected expression, got '<'" 的错误时，通常是由于 JavaScript 代码中包含了 HTML 代码或者其他非法字符导致的。
错误原因
在 JavaScript 中，"<" 被视为一个操作符而不是一个普通的字符。当解析器在遇到 "<" 时，会认为它后面应该跟着一个标签或者运算符等表达式。但如果下一个字符不是符合表达式语法的，就会产生语法错误。
举个例子：
----- ------ - --------- ----------- --------------------
上述代码会产生如下错误：
------------ -------- ----------- --- ---
这是因为在字符串中，"<" 不是一个有效的运算符或标识符。
解决方法
解决此问题的方法很简单：将包含 "<" 的代码用引号括起来即可。例如：
----- ------ - --------- ----------- --------------------
这样就可以正确输出字符串了。
如果代码中包含较多的 HTML 内容，也可以使用模板字符串：
----- ---- - ----- ------------------ -------------- -------------- -------- ------------------
总结
避免在 JavaScript 代码中包含非法字符是一个良好的编程习惯。当出现 "SyntaxError: expected expression, got '<'" 错误时，可以通过将包含 "<" 的代码用引号括起来或使用模板字符串来解决。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24940