ESLint分析错误:意外的令牌

使用此代码:

从“React”导入React;
从“反应路由器”导入{Link};
从“amazeui touch”导入{View,NavBar};
从“../components”导入*作为页面;
常量{Home,…Components}=页面;

我得到这个eslint错误:

7:16错误分析错误:意外令牌。。为什么?

以下是我的eslint配置:

{
“扩展”:“airbnb”,
“规则”:{
/*JSX*/
“反应/道具类型”:[1{
“忽略”:[“类名”、“子类”、“位置”、“参数”、“位置*”]
}],
“无参数重新分配”:[0{
“道具”:假
}],
“首选rest参数”:1,
“箭头主体样式”:0,
“首选模板”:0,
“反应/偏好无状态函数”:1,
“react/jsx无绑定”:[0{
“ignoreRefs”:错误,
“allowArrowFunctions”:false,
“allowBind”:真
}],
}
}

。。。。
….
有什么问题吗

由于您的开发环境和ESLint当前的解析功能与JavaScripts ES6~7的持续更改不兼容,因此ESLint解析中出现意外的令牌错误

加入「;parserOptions“;对于特定情况,例如使用

静态contextTypes={…}/*react*/

在ES6类中,因为ESLint目前无法单独解析它。此特定情况将引发以下错误:

分析错误时出错:意外的令牌=

解决方案是使用兼容的解析器解析ESLint,即@babel/ESLint解析器或针对v7以下版本的babel的babel ESLint

只需添加:

”;解析器":&引用@babel/eslint解析器“;

到您的.eslintrc文件并运行npm安装@babel/eslint解析器——保存dev纱线添加[email protected]/eslint解析器

请注意,由于从React^16.3开始的新上下文API有一些重要更改,请参阅官方指南

发表评论