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

Zusammenfassung zur Positionierung in CSS

Es gibt vier Arten der Positionierung in CSS, die...

Detaillierte Erklärung der mysql.user-Benutzertabelle in Mysql

MySQL ist eine von mehreren Benutzern verwaltete ...

Verwenden Sie die Renderfunktion, um hoch skalierbare Komponenten zu kapseln

brauchen: In der Hintergrundverwaltung gibt es hä...

Detaillierte Schritte zum Einrichten des Hosts Nginx + Docker WordPress Mysql

Umfeld Linux 3.10.0-693.el7.x86_64 Docker-Version...

Detailliertes Beispiel einer MySQL-Unterabfrage

Unterabfrageklassifizierung Klassifizierung nach ...

Beispielcode zum Ändern der Farbe eines PNG-Bildes durch einen CSS3-Filter

Diese Methode verwendet den filter in CSS3 drop-s...

MySQL Router implementiert MySQL Lese-/Schreibtrennung

Inhaltsverzeichnis 1. Einleitung 2. MySQL-Router ...

Eine kurze Diskussion über die Docker-Compose-Netzwerkeinstellungen

Tutorial zur Netzwerknutzung Offizielle Website d...