在前端开发中，我们经常会使用 ESLint 这样的工具来检查代码规范和错误。然而，有时候会遇到这样的错误提示：Parsing error: Unexpected token <。这个错误提示可能会让你感到困惑，因为你的代码中并没有使用 < 符号。那么这个错误是怎么产生的呢？该如何解决呢？
产生原因
这个错误提示通常是由于 JavaScript 文件中包含了 HTML 或者 XML 代码，而 ESLint 默认情况下只会检查 JavaScript 代码。当 ESLint 遇到无法识别的 HTML 或者 XML 代码时，就会提示 Unexpected token < 错误。
例如，以下代码就会触发这个错误：
const htmlString = '<div>Hello, world!</div>';
解决方法
解决这个问题的方法非常简单，只需要告诉 ESLint，这个文件中包含了 HTML 或者 XML 代码即可。在 ESLint 配置文件中，我们可以使用 parserOptions 来设置解析器选项。
-- -------------------- ---- -------
-------------- - -
-------------- -
------------ -----
----------- ---------
------------- -
---- -----
--
--
------ -
-- ---
--
--其中，ecmaFeatures 中的 jsx 选项表示该文件中包含了 JSX 代码，也就是类似于 HTML 的语法。如果你的代码中包含了 HTML 或者 XML 代码，也可以将 jsx 设置为 true。
另外，如果你使用的是 Vue.js 或者 React 等框架，可以使用对应的 ESLint 插件来解决这个问题。例如，对于 Vue.js 项目，可以使用 eslint-plugin-vue 插件。对于 React 项目，可以使用 eslint-plugin-react 插件。
总结
ESLint 报错：Parsing error: Unexpected token < 错误通常是由于 JavaScript 文件中包含了 HTML 或者 XML 代码引起的。解决这个问题的方法是告诉 ESLint，该文件中包含了 HTML 或者 XML 代码。在 ESLint 配置文件中，可以使用 parserOptions 来设置解析器选项，也可以使用对应的 ESLint 插件来解决这个问题。
希望这篇文章能够帮助你解决 ESLint 报错：Parsing error: Unexpected token < 错误，并且对你的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658beee3eb4cecbf2d13d9e9