如何根据ESLint报错中的配置名查找需安装的对应依赖包

具体问题复现 #

IDE中抛出如下ESLint错误：

ESLint: Error: Failed to load config "@vue/typescript" to extend from.

执行以下命令安装对应依赖即可解决：

yarn add -D @vue/eslint-config-typescript

配置名与依赖包的对应推导规则 #

ESLint加载extends字段声明的共享配置时，遵循固定的包名解析规则，可以按以下逻辑直接推导需要安装的包：

• 无作用域的普通配置：如果配置项写为"extends": ["standard"]，ESLint会自动给配置名拼接eslint-config-前缀查找包，对应需要安装的依赖就是eslint-config-standard。
• 带作用域的配置：如果配置项写为"extends": ["@vue/typescript"]这类带@xxx/作用域前缀的写法，ESLint会保留作用域，在斜杠后的配置名前拼接eslint-config-前缀查找包，对应需要安装的依赖就是@vue/eslint-config-typescript。
• 带plugin:前缀的配置：如果配置项写为"extends": ["plugin:vue/vue3-essential"]，这类配置是ESLint插件内置导出的，不需要单独安装config包，直接安装对应插件即可，比如上面的例子对应安装eslint-plugin-vue。

快速定位对应依赖的方法 #

如果遇到不符合上述常规规则的特殊配置，可以通过以下方式定位需要安装的包：

• 优先核对所用框架/工具链的官方文档：Vue、React等框架的官方ESLint规则包，都会在文档中明确给出安装命令和配置示例，准确率最高。
• 检索npm包库：直接用配置里的关键词搜索包，优先选择下载量高、近期仍在维护、包说明中明确提到导出对应ESLint配置的包即可。
• 查看完整报错日志：高版本ESLint在加载配置失败时，会在控制台输出它尝试查找过的所有包路径，可以顺着日志提示直接定位缺失的依赖。

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