javascript - Hur får man eslint typescript att känna igen interfaces i .d.ts-filer?

Jag har ett vite 3 + vuetify 3 + vue 3-projekt med volar-tillägget. Jag har gränssnitt definierade i några .d.ts-filer och jag har eslint installerat också, men det klagar på att gränssnitten inte hittas. Om jag inaktiverar no undefined-regeln med detta

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

då fungerar det, och typescript och volar har inga problem. Så det skulle innebära att eslint inte kan känna igen det.

Mina paketberoenden ser ut så här:

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

och min eslint-konfiguration ser ut så här

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

Den eslint-fel jag får är detta

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

Hur kan jag få eslint att känna igen gränssnittet från .d.ts-filen?

Tack

Svar #1

Vi rekommenderar starkt att du inte använder lint-regeln no-undef i TypeScript-projekt. De kontroller den tillhandahåller tillhandahålls redan av TypeScript utan behov av konfiguration - TypeScript gör detta helt enkelt betydligt bättre.

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

När du använder TypeScript rekommenderas det att stänga av regeln no-undef direkt eftersom TypeScript redan kontrollerar dem och du behöver inte oroa dig för detta.

Om du verkligen behöver slå på denna regel. Lägg till dessa gränssnitt i eslint-konfigurationen:

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