Reactjs ESlinter未解析babel插件根导入路径

Reactjs ESlinter未解析babel插件根导入路径,reactjs,react-native,import,babeljs,resolver,Reactjs,React Native,Import,Babeljs,Resolver,我正在使用babel plugin root import解析相关路径,它工作正常,我也在遵循airbnb标准,并使用eslint plugin import检查导入,但我仍在尝试删除import规则。我已经尝试配置解析器,但它一直抛出错误 .babel.config.js module.exports=函数(api){ api.cache(true); 返回{ 插件:[ [ “babel插件根导入”, { “路径”:[ { “rootPathSuffix”:“/”, “rootPathPref

我正在使用
babel plugin root import
解析相关路径,它工作正常,我也在遵循airbnb标准,并使用
eslint plugin import
检查导入,但我仍在尝试删除
import
规则。我已经尝试配置解析器,但它一直抛出错误

.babel.config.js

module.exports=函数(api){
api.cache(true);
返回{
插件:[
[
“babel插件根导入”,
{
“路径”:[
{
“rootPathSuffix”:“/”,
“rootPathPrefix”:“@root/”
},
{
“rootPathSuffix”:“/assets”,
“rootPathPrefix”:“@asset/”
},
{
“rootPathSuffix”:“/src/helpers”,
“rootPathPrefix”:“@help/”
},
{
“rootPathSuffix”:“/src/components”,
“rootPathPrefix”:“@comp/”
},
{
“rootPathSuffix”:“/src/styles”,
“rootPathPrefix”:“@styles/”
}
]
}
]
],
预设:['babel-preset-expo'],
};
};
package.json


{
“main”:“/src/AppEntry.js”,
“脚本”:{
“开始”:“世博会开始”,
“安卓”:“世博会开始——安卓”,
“ios”:“世博会开始——ios”,
“网络”:“世博会开始——网络”,
“弹出”:“世博会弹出”,
“lint:check”:“/node_modules/.bin/eslint-c.eslintrc--ext.js src”,
“lint:fix”:“/node_modules/.bin/eslint-c.eslintrc--ext.js src--fix”
},
“依赖项”:{
“世博会”:“~36.0.0”,
“expo cli”:“^3.11.2”,
“反应”:“~16.9.0”,
“react dom”:“~16.9.0”,
“反应本机”:https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
“反应本机启动屏幕”:“^3.2.0”,
“react native web”:“~0.11.7”
},
“依赖性”:{
“babel eslint”:“^10.0.3”,
“babel插件根导入”:“^6.4.1”,
“巴别塔预设博览会”:“~8.0.0”,
“eslint”:“^6.7.2”,
“eslint配置airbnb”:“^18.0.1”,
“eslint导入解析程序babel插件根导入”:“^1.1.1”,
“eslint插件导入”:“^2.19.1”,
“eslint-plugin-jsx-a11y”:“^6.2.3”,
“eslint插件反应”:“^7.17.0”
},
“私人”:真的吗
}
埃斯林先生

{
“扩展”:“airbnb”,
“解析器”:“babel eslint”,
“规则”:{
“react/jsx文件扩展名”:[“error”,{“extensions”:[“.js”,“.jsx”]}]
},
“设置”:{
“导入/解析程序”:“babel插件根导入”
}
}

要使用这个babel插件运行eslint,我必须进行一些额外的安装:

yarn add eslint-import-resolver-babel-plugin-root-import -D
并修改了my.eslint.js文件:

并补充说:

settings: {
     'import / resolver': {
       'babel-plugin-root-import': {
         rootPathSuffix: 'src',
       },
     },
   },
在我的例子中,我使用eslint~/模式来引用“src”文件夹


我希望我的提示有助于

使用这个babel插件运行eslint,我必须进行一些额外的安装:

yarn add eslint-import-resolver-babel-plugin-root-import -D
并修改了my.eslint.js文件:

并补充说:

settings: {
     'import / resolver': {
       'babel-plugin-root-import': {
         rootPathSuffix: 'src',
       },
     },
   },
在我的例子中,我使用eslint~/模式来引用“src”文件夹


我希望我的提示对您有所帮助

这可能不是您错误的原因,但根据使用
@
符号是不推荐的,因为它可能与npm软件包名称冲突。这可能不是您错误的原因,但根据使用
@
符号是不推荐的,因为它可能与npm软件包名称冲突。