javascript - ¿Cómo hacer que eslint typescript reconozca interfaces en archivos .d.ts?

Tengo un proyecto con vite 3 + vuetify 3 + vue 3 con la extensión volar. Tengo interfaces definidas en algunos archivos .d.ts y también tengo eslint instalado, pero se queja de que no se encuentran las interfaces. Si desactivo la regla no undefined con esto

"overrides": [
      {
        "files": ["*.vue"],
        "rules": {
          "no-undef": "off"
        }
      }
    ]

entonces funciona, y typescript y volar no tienen problemas. Así que eso significaría que eslint no puede reconocerlo.

Las dependencias de mi paquete se ven así:

  "dependencies": {
    "@azure/msal-browser": "^2.30.0",
    "@mdi/font": "^7.0.96",
    "@typescript-eslint/eslint-plugin": "^5.40.1",
    "eslint-plugin-vue": "^9.6.0",
    "pinia": "^2.0.23",
    "vue": "^3.2.41",
    "vue-i18n": "^9.2.2",
    "vue-router": "^4.1.5",
    "vuetify": "npm:@vuetify/nightly@next",
    "date-fns": "^2.29.3"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.1.2",
    "eslint": "^8.25.0",
    "sass": "^1.55.0",
    "typescript": "^4.8.4",
    "vite": "^3.1.8",
    "vite-plugin-eslint": "^1.8.1",
    "vite-plugin-vuetify": "^1.0.0",
    "vue-cli-plugin-vuetify": "~2.5.8",
    "vue-tsc": "^1.0.8"
  }

y mi configuración de eslint se ve así

{
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:vue/essential"
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "parser": "@typescript-eslint/parser",
        "sourceType": "module"
    },
    "plugins": [
        "vue",
        "@typescript-eslint"
    ],
    "rules": {
        "@typescript-eslint/no-explicit-any": "error",
        "@typescript-eslint/no-inferrable-types": "error",
        "semi": "error"
    },
    "ignorePatterns": ["dist/**/*.js"],
    "root": true
}

El error de eslint que obtengo es este

interface EDB_Matter
'EDB_Matter' is not defined. eslint(no-undef)

¿Cómo puedo hacer que eslint reconozca la interfaz del archivo .d.ts?

Gracias

Respuesta #1

Recomendamos encarecidamente que no utilice la regla de lint no-undef en proyectos de TypeScript. Las comprobaciones que proporciona ya están cubiertas por TypeScript sin necesidad de configuración; TypeScript simplemente las realiza de manera mucho más eficiente.

https://typescript-eslint.io/linting/troubleshooting#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors

Cuando se usa TypeScript, se recomienda desactivar directamente la regla no-undef ya que TypeScript ya las verifica y no necesitas preocuparte por esto.

Si realmente necesitas activar esta regla. Agrega esas interfaces en la configuración de eslint:

// .eslintrc.cjs
module.exports = {
  globals: {
    EDB_Matter: true,
    /* ... */
  },
}