javascript - Jak přimět eslint typescript rozpoznat rozhraní v souborech .d.ts?

Mám projekt vite 3 + vuetify 3 + vue 3 s rozšířením volar. Mám rozhraní definovaná v některých souborech .d.ts a také mám nainstalovaný eslint, ale ten hlásí, že rozhraní nebyla nalezena. Pokud pravidlo no undefined vypnu s tímto

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

pak to funguje a TypeScript i Volar nemají žádné problémy. To by tedy znamenalo, že ESLint to není schopen rozpoznat.

Moje závislosti balíčku vypadají takto:

  "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"
  }

a moje konfigurace eslint vypadá takto

{
    "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
}

Chyba eslint, kterou dostávám, je tato

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

Jak mohu přimět eslint, aby rozpoznal rozhraní ze souboru .d.ts?

Děkuji

Odpověď č. 1

Důrazně doporučujeme, abyste na projektech v TypeScriptu nepoužívali lint pravidlo no-undef. Kontroly, které poskytuje, již poskytuje samotný TypeScript bez nutnosti konfigurace - TypeScript to prostě dělá výrazně lépe.

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

Při používání TypeScriptu se doporučuje přímo vypnout pravidlo no-undef, protože TypeScript je již kontroluje a nemusíte se o to starat.

Pokud opravdu potřebujete tuto zásadu zapnout. Přidejte tyto rozhraní do konfigurace eslint:

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