Unbekannte html-tag-Warnung Bootstrap-Vue.js Unterstützung in WebStorm
Ich bin mit WebStorm 2017.2.4 und webpack Vue.js Projekt. Ich habe bootstrap-vue.js zu meinem Projekt und würde gerne sehen, Tipps für es und Komponenten unterstützt.
Aber stattdessen habe ich "Unbekannte html-Tags" Warnung.
BTW: bootstrap-vue funktioniert wie erwartet, wenn Sie mit project.
Haben Sie irgendwelche Vorschläge, wie es funktionieren?
- Ich habe genau dieses problem mit WebStorm 2017.3.3
- Ich auch. Könnt Ihr ein Kopfgeld für diese Frage?
- was meinst du?
- stackoverflow.com/help/bounty
- Was passiert, wenn Sie auf "mehr" ? In phpStorm ist es möglich, um eigene tags und Attribute gültig sind.
- JetBrains-Support kontaktiert. Es ist ein problem mit der dynamischen Bindung von Mixins in Verbindung, Richtlinien etc. VueJS. Sie arbeiten daran.
- könnten Sie den link zum gemeldeten Problem? Ich will nicht zu duplizieren. Thx
- Ausgabe: youtrack.jetbrains.com/issue/WEB-31682. bezogen auf youtrack.jetbrains.com/issue/WEB-30742
Du musst angemeldet sein, um einen Kommentar abzugeben.
AKTUALISIERT am 2019/07/30
PHPShtorm(WebStorm) wurde aktualisiert, um 2019.2 und jetzt hat Sie eine bessere Unterstützung für vuejs Bibliotheken:
https://blog.jetbrains.com/webstorm/2019/07/webstorm-2019-2/#development_with_vue
Ich habe gerade getestet und es funktioniert.
ALTE Antwort
Ich löste dieses Problem, indem Sie Komponenten manuell.
Nach: https://bootstrap-vue.js.org/docs/#individual-components-and-directives
Ich erstellte neue Datei, z.B. bootstrap.js dann registrieren Sie sich weltweit Komponenten, die erforderlich
Es Arbeit für mich in phpstorm 2018.1
vue-boostrap.js
fügen Sie diese: pastebin.com/Z3cBgPyp und importieren Sie diese Datei inmain.js
WebStorm 2019.1.3
.Aktualisiert: Es sind zwei Möglichkeiten, zu beheben "Unbekannte html-Tags" Warnung: (Globale und Lokale Registrierung)
Global Registration :
Sollten Sie die Registrierung Ihrer Komponente Global
Vue.component(tagName, options)
vor dem erstellen der neuen Vue Instanz. Zum Beispiel:Einmal registriert, kann eine Komponente verwendet werden, in einer Instanz, die Vorlage als ein benutzerdefiniertes element,
<my-component></my-component>
. Stellen Sie sicher, dass die Komponente registriert ist, bevor Sie instanziieren Sie das root-Vue-Instanz. Hier ist das komplette Beispiel:HTML:
JS:
, Die HTML Rendern::
Lokalen Anmeldung :
Brauchen Sie sich nicht registrieren jede Komponente Global. Sie können eine Komponente, die nur in den Anwendungsbereich eines anderen Instanz/Komponente durch die Registrierung mit der
components
Instanz option:Lesen Sie mehr auf https://vuejs.org/v2/guide/components.html#Using-Components
Vor Aktualisiert:
Quelle: https://www.jetbrains.com/help/webstorm/configuring-javascript-libraries.html
Einfach, ein upgrade von WebStorm-version 2017.2.4 zu 2017.3, die das Problem behoben. Es ist getestet.
Bootstrap-vue verwendet sehr dynamische Weise von Komponenten definiert. Ich bin mit PyCharm mit vuejs-Erweiterung, die nicht in der Lage ist zu lösen, die Komponenten, die bei registriert mit
Was ich zu tun ist, eine neue Datei
bootstrap.js
imcomponents
- Verzeichnis und registrieren Sie alle bootstrap Komponenten ich verwenden würde, wieund importieren Sie dann diese Datei in
main.js
Nur ein wenig sauberere Lösung.
vue-boostrap.js
einfügen: pastebin.com/Z3cBgPyp und importieren Sie diese Datei inmain.js
vue-bootstrap.js
. PhpStorm Lesen der Datei vom Projekt-und Vue ist nicht betroffen.