Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 @ alias for src folders cannot be resolved in test files #670

Open
vjohnslhm opened this issue Dec 20, 2024 · 0 comments
Open

🐛 @ alias for src folders cannot be resolved in test files #670

vjohnslhm opened this issue Dec 20, 2024 · 0 comments
Labels
bug Something isn't working help wanted Extra attention is needed

Comments

@vjohnslhm
Copy link
Contributor

vjohnslhm commented Dec 20, 2024

Describe the bug
Wenn im Frontend in einem *.spec.ts-File eine Komponente mit dem @-alias importiert wird, erscheint eine Fehlermeldung von Intellij: Vue: Cannot find module:

grafik

Der Pfad kann aufgelöst werden, die Tests laufen erfolgreich durch - trotzdem hat die IDE wohl ein Problem mit der Pfadangabe.

To Reproduce
Steps to reproduce the behavior:

  1. beliebiges *.spec.ts-File unter wls-gui-wahllokalsystem/tests/unit/ öffnen

Expected behavior
Der Import sollte nicht rot unterringelt sein, so wie bei den @-imports in der src-directory:
grafik

Desktop (please complete the following information):

  • OS: windows
  • Browser - not relevant
  • Version:
    • aktueller dev stand
      grafik

Additional context
Lösungswege, die ich schon versucht habe (sind aktuell auf branch 568-exemplarische-tests implementiert und gepusht und können ausgecheckt werden):

  1. Vorschläge aus diesem Stack beitrag
    • Alias als alias: { "@": "./src" } angegeben
    • Alias in vitest.config.ts file hinzugefügt
    • test files in testconfig.vitest.json included mit "include": ["vitest/**/*"] oder "include": ["./**/*.spec.ts"]
    • vite-tsconfig-paths plugin installiert und in vitest.config.ts integriert
    • include: ["./app/**/*.{test,spec}.{ts,tsx}"], in vitest.config.ts integriert
  2. Vorschläge aus diesem Stack beitrag
    • lösungen die auch zuvor schon vorgeschlagen wurden
    • individuelle get_paths_from_tsconfig() funktion wie in dieser und dieser antwort
  3. Vorschläge von MucGpt
    • "Stelle sicher, dass der paths-Alias auch in tsconfig.vitest.json definiert ist." --> alias in testconfig.vitest.json hinzugefügt
    • "IntelliJ IDEA hat manchmal Probleme mit TypeScript und Pfad-Aliasen. Stelle sicher, dass du die IDE so konfiguriert hast, dass sie die tsconfig.vitest.json oder tsconfig.app.json verwendet, um die Typen zu finden. Gehe zu File > Settings > Languages & Frameworks > TypeScript und stelle sicher, dass die richtige tsconfig-Datei ausgewählt ist." --> diese settings waren eingestellt:
      grafik
      ich konnte keine tsconfig datei manuell angeben
    • "Manchmal kann es helfen, den TypeScript-Dienst in IntelliJ neu zu starten. Gehe zu File > Invalidate Caches / Restart... und wähle dann Invalidate and Restart." --> mehrfach nach jeder änderung ausgeführt
    • "Falls die oben genannten Schritte nicht funktionieren, könnte es helfen, die Node-Module neu zu installieren" --> auch mehrfach nach änderungen den ordner gelöscht und npm install laufen lassen
    • "Überprüfe, ob deine Projektstruktur in IntelliJ korrekt ist. Klicke mit der rechten Maustaste auf den src-Ordner und stelle sicher, dass er als "Source" markiert ist (Markiere es als "Source Root", falls nötig)." --> src und test directory als solche gekennzeichnet
  4. Vorschläge aus der offiziellen Vitest Docu
  5. Neustart der IDE
@vjohnslhm vjohnslhm added bug Something isn't working help wanted Extra attention is needed labels Dec 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

1 participant