syntaxerror:预期的表达，有“<”

当在前端开发中遇到 "SyntaxError: expected expression, got '<'" 的错误时，通常是由于 JavaScript 代码中包含了 HTML 代码或者其他非法字符导致的。

错误原因

在 JavaScript 中，"<" 被视为一个操作符而不是一个普通的字符。当解析器在遇到 "<" 时，会认为它后面应该跟着一个标签或者运算符等表达式。但如果下一个字符不是符合表达式语法的，就会产生语法错误。

举个例子：

const string = "<p>Hello World</p>";
console.log(string);

上述代码会产生如下错误：

SyntaxError: expected expression, got '<'

这是因为在字符串中，"<" 不是一个有效的运算符或标识符。

解决方法

解决此问题的方法很简单：将包含 "<" 的代码用引号括起来即可。例如：

const string = '<p>Hello World</p>';
console.log(string);

这样就可以正确输出字符串了。

如果代码中包含较多的 HTML 内容，也可以使用模板字符串：

const html = `<div class="container">
  <h1>Title</h1>
  <p>Content</p>
</div>`;
console.log(html);

总结

避免在 JavaScript 代码中包含非法字符是一个良好的编程习惯。当出现 "SyntaxError: expected expression, got '<'" 错误时，可以通过将包含 "<" 的代码用引号括起来或使用模板字符串来解决。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24940