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

Docker-Installation Nginx Tutorial Implementierung Abbildung

Lassen Sie uns Nginx installieren und ausprobiere...

Erstellen eines Redis-Clusters auf Docker

Inhaltsverzeichnis 1. Ziehen Sie das Bild 2. Erst...

CSS3-Mauszeiger-Übergangszoomeffekt

Das Folgende ist ein Bild-Zoom-Effekt, der in rei...

Detaillierte Erklärung wichtiger Kaskadierungskonzepte in CSS

Kürzlich stieß ich im Verlauf des Projekts auf ei...

Detaillierte Analyse des Flex-Layouts in CSS3

Das Flexbox-Layoutmodul soll eine effizientere Mö...

Installationsschritte der Ubuntu 20.04-Doppelpinyin-Eingabemethode

1. Chinesische Eingabemethode einrichten 2. Stell...

Bootstrap 3.0 Studiennotizen Rastersystemprinzip

Durch die kurze Einführung in den beiden vorherig...

7 coole dynamische Website-Designs zur Inspiration

Im Bereich Design gibt es jedes Jahr unterschiedl...

MySql legt die angegebenen Benutzerdatenbankansichtsabfrageberechtigungen fest

1. Neuen Benutzer anlegen: 1. Führen Sie eine SQL...

MySQL REVOKE zum Löschen von Benutzerberechtigungen

In MySQL können Sie mit der REVOKE-Anweisung best...