使用此代码:
从“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有一些重要更改,请参阅官方指南