WebStorm kann die Lösung der Vue3-kombinierten API nicht korrekt identifizieren

WebStorm kann die Lösung der Vue3-kombinierten API nicht korrekt identifizieren

1 Problembeschreibung

Die kombinierte API von Vue3 kann in WebStorm nicht richtig erkannt werden, da defineComponent und andere Funktionen nicht erkannt werden:

2 Versuche

Ich vermute, der Grund für dieses Problem liegt darin, dass die entsprechende Vue3-Bibliothek nicht korrekt identifiziert werden kann. Ich glaube, WebStorm kann das, aber einige Konfigurationen sind nicht korrekt. Ich habe versucht, node_modules in den Bibliothekseinstellungen zu überprüfen, aber das hatte keine Wirkung.

3 Lösungen

Auf die endgültige Lösung wird hier verwiesen (Quelle):

Wählen Sie den Ordner node_modules aus, klicken Sie mit der rechten Maustaste und wählen Sie „Verzeichnis markieren als“ und wählen Sie schließlich „Nicht ausgeschlossen“.

Die Indizierung dauert einige Zeit. Warten Sie einfach, bis sie abgeschlossen ist.

4 Einige Gedanken

Nach einem Blick in die WebStorm-Dokumentation sind die Ordner im Projekt in vier Kategorien unterteilt:

  • Quelle: Standardoption, alle Ordner werden standardmäßig als Quelle betrachtet, sofern sie nicht auf Tests/Ressourcenstamm/Ausgeschlossen eingestellt sind
  • Tests: Ordner als Tests markiert
  • Ressourcenstamm: Ressourcenordner. Wenn Sie Code eingeben, der Ressourcen erfordert, z. B. ![](xxxx>), werden die Ressourcendateien unter dem Ordnerpfad automatisch abgefragt.
  • Ausgeschlossen: Ordner, die bei der Codevervollständigung, Codenavigation usw. ignoriert werden. Diese Option kann die Leistung von WebStorm verbessern

Die Suche nach Verzeichnissen in den Einstellungen zeigt, dass node_modules standardmäßig ausgeschlossen ist:

Nachdem es als „Nicht ausgeschlossen“ markiert wurde, ist es nicht mehr rot:

Die Lösung ist also gar nicht so schwer, nur lässt sich die Ursache nicht richtig identifizieren.

Oben finden Sie den detaillierten Inhalt der Lösung für das Problem, dass WebStorm die kombinierte Vue3-API nicht korrekt identifizieren kann. Weitere Informationen zum Problem, dass WebStorm die kombinierte Vue3-API nicht korrekt identifizieren kann, finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

Das könnte Sie auch interessieren:
  • So verwenden Sie Webstorm und Chrome zum Debuggen von Vue-Projekten
  • So führen Sie ein Vue-Projekt mit Idea oder Webstorm aus (detaillierte Schritte)
  • Setzen Sie „resolves.alias: ''@''“-Pfad basierend auf dem Vue-Projekt und passen Sie ihn an Webstorm an.
  • Ein narrensicheres Tutorial zum Erstellen eines Vue-CLI-Gerüsts in Webstorm
  • Lösen Sie das Problem, dass der Webpack-Alias ​​nicht in Vue-CLI-Scaffolding-Projekten unter Idea und WebStorm verwendet werden kann
  • So initialisieren Sie das Projekt mit Webstorm+Vue
  • vue: So richten Sie die schnelle Kompilierung und Ausführung in WebStorm ein
  • Detaillierte Erklärung der Vue-Syntaxunterstützung in WebStorm
  • Lösung für es6-Syntaxfehler in Webstorm und .vue
  • Vue-Vorlagenkonfiguration und Webstorm-Codeformatspezifikationseinstellungen

<<:  Einführung in Kubernetes (k8s)

>>:  Optimierungsmethoden, wenn MySQL zu viel CPU beansprucht (unbedingt lesen)

Artikel empfehlen

So installieren Sie Docker CE auf Ubuntu 18.04 (Community Edition)

Deinstallieren Sie alte Versionen Sollten Sie zuv...

So erstellen Sie eine lnmp-Umgebung im Docker

Erstellen eines Projektverzeichnisses mkdir php E...

Erläuterung des MySQL-Abfragebeispiels anhand instanziierter Objektparameter

Dieser Artikel stellt vor, wie Sie durch Instanzi...

Grafisches Tutorial zur MySQL8-Installationsversion

Installation Die erforderlichen Unterlagen finden...

VPS erstellt Offline-Download-Server (nach der Ära der Netzwerkfestplatten)

Motivation Aus Lerngründen habe ich einen VPS-Die...

So importieren Sie chinesische Daten in Navicat für SQLite in CSV

In diesem Artikel erfahren Sie zu Ihrer Informati...

Lösung für den MySQL-Server-Anmeldefehler ERROR 1820 (HY000)

Fehlerseite: Melden Sie sich beim MySQL-Server an...

Methoden zum Defragmentieren und Freigeben von Speicherplatz in MySQL-Tabellen

Inhaltsverzeichnis Ursachen der MySQL-Tabellenfra...

Verwenden Sie vue2+elementui für Hover-Prompts

Die Hover-Prompts von Vue2+elementui sind in exte...

Beispielcode zur Trennung von Front-End und Back-End mit FastApi+Vue+LayUI

Inhaltsverzeichnis Vorwort Projektdesign hinteres...

Grundlegende Syntax und Funktionsweise der MySQL-Datenbank

Grundlegende Syntax der MySQL-Datenbank DDL-Opera...