jsx文件eslint报错 Parsing error: Unexpected token < eslint
    		       		warning:
    		            这篇文章距离上次修改已过443天,其中的内容可能已经有所变动。
    		        
        		                
                报错解释:
这个错误通常表示ESLint在尝试解析一个.jsx文件时遇到了它不理解的语法。这可能是因为该文件包含了HTML标签,而ESLint默认只解析.js文件。
解决方法:
- 确保你的.jsx文件在项目的配置文件(如.eslintrc或者package.json)中被正确地指定为JavaScript的扩展名。例如,你可以在.eslintrc文件中添加如下配置:
{
  "overrides": [
    {
      "files": ["*.jsx"],
      "parser": "@babel/eslint-parser"
    }
  ]
}- 如果你使用的是React项目,并且已经安装了相关的babel和eslint依赖,确保babel-eslint解析器被正确安装并在ESLint配置中指定。
- 如果你的项目中包含了.jsx文件,并且你正在使用Create React App创建的项目,那么你可能需要安装额外的依赖来确保ESLint能够正确解析JSX:
npm install --save-dev @babel/eslint-parser然后在.eslintrc文件中设置:
{
  "parser": "@babel/eslint-parser"
}- 如果你不是使用React,而是其他支持JSX的库,那么你需要确保你的ESLint配置中包含了正确的JSX解析器。
确保完成这些步骤后,重新运行ESLint,错误应该会消失。如果问题仍然存在,请检查ESLint插件和配置是否与你的项目设置兼容,或者检查.jsx文件是否有其他语法错误。
评论已关闭