reactjs - 如何使用 Eslint 在 Gatsby 中使用绝对导入?
问题描述
我在 Gatbsy 中使用 gatsby-plugin-root-import 包来使用绝对导入。绝对导入有效,但 Eslint 抛出错误“import/no-unresolved”。我尝试使用此代码:
module.exports = {
...
"settings": {
"import/resolver": {
"node": {
"paths": ["src"]
}
},
},
但它不起作用。这个问题有什么解决办法吗?
gatsby-plugin-root-import 配置:
{
resolve: "gatsby-plugin-root-import",
options: {
src: path.join(__dirname, "src"),
pages: path.join(__dirname, "src/pages"),
component: path.join(__dirname, "src/component"),
images: path.join(__dirname, "src/assets/images"),
fonts: path.join(__dirname, "src/assets/fonts"),
styles: path.join(__dirname, "src/styles"),
}
}
解决方案
您可以将eslint-import-resolver-alias
插件安装为开发依赖项,例如
npm install -D eslint-import-resolver-alias
然后编辑您的 eslint 配置以指定别名
module.exports = {
...
"settings": {
"import/resolver": {
"alias": {
"map": [
["src", "./src"],
["pages", "./src/pages"],
["component", "./src/component"],
["images", "./src/images"],
["fonts", "./src/fonts"],
["styles", "./src/styles"],
],
"extensions": [".js", ".jsx"]
}
},
},
基本上,您也需要将所有别名作为映射提供给 eslint
推荐阅读
- python - 为记录信号的 FFT 绘制 x 轴
- salesforce - 在动态 SOQL 方面需要帮助
- c# - ASP .Net MVC 应用程序无法在 IIS 上运行(社交外部登录应用程序)
- react-native - 无法在本机反应中选择任何文档/图像(ANDROID 11)
- excel - Power Query:如何将凌乱的 Excel 工作表变成表格
- ios - Spinnaker 是否支持移动应用程序部署?
- java - TextView 中的整数数组
- python - 如何在形状(n,m)的numpy数组的选定列中添加元素?
- java - 如果我知道不会抛出异常,请抑制 Java 异常
- react-native - 如何修复 React Native Galio-Framework 上损坏的图标?