Analyse des Idea-Compiler-Vue-Einrückungsfehlerproblemszenarios

Analyse des Idea-Compiler-Vue-Einrückungsfehlerproblemszenarios

Projektszenario:

Beim Ausführen des Vue-Projekts ist ein Einrückungsfehler aufgetreten. Ich habe den Idea-Compiler verwendet und online nachgesehen. Die meisten haben die Anzahl der Einrückungen direkt geändert, aber ich fand das problematisch und wollte die Überprüfung einfach deaktivieren.

Problembeschreibung:

Im Idea-Compiler tritt ein Vue-Einrückungsfehler auf

✘ http://eslint.org/docs/rules/indent Erwartete Einrückung von 0 Leerzeichen, aber gefunden 2
src\Komponenten\Home.vue:6:1
Standard exportieren {
^

✘ http://eslint.org/docs/rules/indent Erwartete Einrückung von 2 Leerzeichen, aber gefunden 4
src\Komponenten\Home.vue:7:1
Name: 'Home'
^

✘ http://eslint.org/docs/rules/indent Erwartete Einrückung von 0 Leerzeichen, aber gefunden 2
src\Komponenten\Home.vue:8:1
}
^

✘ 3 Probleme (3 Fehler, 0 Warnungen)

Lösung:

Bildbeschreibung hier einfügen

Fügen Sie einfach diese drei Codezeilen in .eslintrc.js ein

'keine Tabs':'aus',
    'Einzug':'aus',
    'Leerzeichen vor Funktionsklammer':0

Nach dem Beitritt

Regeln:
    // asynchrones Warten zulassen
    'Generator-Sternabstand': 'aus',
    // Debugger während der Entwicklung zulassen
    'no-debugger': process.env.NODE_ENV === 'Produktion'? 'Fehler': 'aus',
    'keine Tabs':'aus',
    'Einzug':'aus',
    'Leerzeichen vor Funktionsklammer':0
  }

Dies ist das Ende dieses Artikels über die Szenarioanalyse des Vue-Einrückungsfehlerproblems im Ideencompiler. Weitere relevante Inhalte zu Vue-Einrückungsfehlern finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • So verwenden Sie den Rich-Text-Editor wangEditor3 in Vue
  • Vue3-Kompilierungsprozess - Quellcodeanalyse
  • Vertieftes Verständnis des Prinzips der Vue3-Vorlagenkompilierung
  • Lösen Sie das Problem, dass Vue-cli es6 nicht kompilieren kann
  • Lösung zur Optimierung der Vue-Projektverpackung und -Kompilierung
  • Eine kurze Diskussion über die Code-Erkundung, die durch die Kompilierung von Vue-Projekten durch Webpack generiert wird
  • Details zur Vue-Vorlagenkompilierung

<<:  Ein einfaches Beispiel für eine gemeinsame MySQL-Tabellenabfrage

>>:  So verwenden Sie den Befehl dig/nslookup zum Anzeigen von DNS-Auflösungsschritten

Artikel empfehlen

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 winx64

Ich habe die vorherigen Hinweise zur Installation...

JS asynchroner Code Unit-Test Magie Promise

Inhaltsverzeichnis Vorwort Verkettung von Verspre...

So installieren Sie Docker auf Ubuntu20.04 LTS

Null: Alte Version deinstallieren Ältere Versione...

So verwenden Sie Nginx als Proxy-Cache

Der Zweck der Cache-Verwendung besteht darin, den...

Objektorientierte Programmierung mit XHTML und CSS

<br />Wenn XHTML und CSS nur objektorientier...

Zusammenfassung der allgemeinen MySQL-Funktionen

Vorwort: Die MySQL-Datenbank bietet eine breite P...

So zeigen Sie Bilder im TIF-Format im Browser an

Der Browser zeigt Bilder im TIF-Format an Code kop...

Einführung in semantische XHTML-Tags

Der erste Punkt ist, dass Menschen die Semantik vo...

Analysieren Sie CSS, um die Farbfunktion des Bildthemas zu extrahieren (Tipps)

Hintergrund Alles begann, als ein Klassenkamerad ...

Docker stellt nginx bereit und mountet Ordner und Dateioperationen

Während dieser Zeit habe ich Docker studiert und ...

So ändern Sie das MySQL-Passwort auf dem XAMPP-Server (mit Bildern)

Heute habe ich bei der Arbeit an PHP herausgefund...