Website-Suche

typescript - Nun, wie macht man Pfad-Aliasnamen von Imports in nuxt.config.ts sichtbar?


In dieser Frage spreche ich nicht über die NuxtConfig.alias-Eigenschaft, die normalerweise so aussieht:

const Config: NuxtConfig = {
  alias: {
    "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"),
    "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"),
    // ...
}

Wovon ich spreche, ist:

import EnvironmentVariables from "@Environment/EnvironmentVariables";
import RawObjectDataProcessor from "@Utils/RawObjectDataProcessor/RawObjectDataProcessor";

in nuxt.config.ts.

Der nuxt-Befehl (unterstützt derzeit TypeScript, wodurch nuxt-ts obsolet wird) erkennt diese Aliase nicht. Es wird ein Fehler wie folgt angezeigt:

FATAL  Cannot find module '@Utils/RawObjectDataProcessor/RawObjectDataProcessor'                                       11:22:55
Require stack:
- C:\Users\XXXXX\ExamppleProject\nuxt.config.ts

Natürlich wurden alle Aliasnamen in tsconfig.json deklariert.

Selbst wenn wir nichts über Pfad-Alias in nuxt.config.ts importieren, könnten die über relative Pfade importierten Module die Pfad-Aliase in sich selbst verwenden, sodass wir diesem Problem nicht mit „Sie sollten nicht über Aliase in nuxt.config.ts importieren“ entkommen können.