使用eslint-config-airbnb时遇import/no-cycle配置错误求助

解决方案 #

方法1：升级依赖（推荐） #

运行以下命令升级相关依赖，让eslint-plugin-import支持∞配置值：

npm install eslint-config-airbnb@latest eslint-plugin-import@latest --save-dev

如果使用Yarn：

yarn add eslint-config-airbnb@latest eslint-plugin-import@latest --dev

方法2：手动覆盖规则配置 #

若不想升级依赖，可在.eslintrc.js的rules字段中手动指定合法的整数配置，用一个大整数替代∞来允许任意深度的循环导入：

module.exports = {
  // 保留原有配置
  rules: {
    // 保留原有规则
    'import/no-cycle': ['error', { maxDepth: 999 }],
  },
};

问题说明 #

你使用的eslint-config-airbnb@18.0.1中，import/no-cycle规则用∞作为maxDepth的配置值，但项目中安装的eslint-plugin-import版本较低，不支持该符号值，仅接受整数类型参数，因此触发了配置无效的错误。新版本的eslint-plugin-import才支持用∞表示无穷深度的循环导入。

内容的提问来源于stack exchange，提问作者maximosis