导入@vuelidate/core类型：TypeScript识别但ESLint报错的解决方法

你遇到的是ESLint的import/named规则无法识别ValidatorFn导出的问题，根源在于Vuelidate的类型导出方式与ESLint的类型解析逻辑不匹配，可通过以下两种方式解决：

方法一：使用类型导入语法（推荐） #

TypeScript 3.8及以上版本支持专门的类型导入语法，能明确告知ESLint这是类型导入，避免误判：

import type { Validation, ValidatorFn } from '@vuelidate/core'

方法二：调整ESLint配置 #

方式1：添加规则例外 #

在ESLint配置文件（如.eslintrc.js）中，给import/named规则添加例外，忽略@vuelidate/core的类型导出检查：

module.exports = {
  rules: {
    'import/named': ['error', {
      ignore: ['@vuelidate/core']
    }]
  }
}

方式2：确保TypeScript解析器配置正确 #

如果使用eslint-import-resolver-typescript插件，需保证它已正确配置，让ESLint能通过TypeScript类型定义识别导出：

module.exports = {
  settings: {
    'import/resolver': {
      typescript: {}
    }
  }
}

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