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

5 MySQL-GUI-Tools, die Ihnen bei der Datenbankverwaltung empfohlen werden

Es gibt viele Datenbankverwaltungstools für MySQL...

Tkinter verwendet JS-Canvas, um Farbverlaufsfarben zu erzielen

Inhaltsverzeichnis 1. Verwenden Sie RGB zur Darst...

So verwenden Sie Nginx, um domänenübergreifende Front-End-Probleme zu lösen

Vorwort Bei der Entwicklung statischer Seiten, wi...

Detaillierte Erläuterung des automatischen Füllschreibens von CSS3-Flexboxen

In diesem Artikel wird hauptsächlich die Methode ...

Analysieren Sie mehrere gängige Lösungen für MySQL-Ausnahmen

Inhaltsverzeichnis Vorwort 1. Der vom Code konfig...

HTML + CSS + JS realisiert den Scroll-Gradienteneffekt der Navigationsleiste

Inhaltsverzeichnis Erster Blick auf die Wirkung: ...

Detaillierte Schritte zur Neuinstallation von VMware Tools (grafisches Tutorial)

VMware Tools ist ein Tool, das mit virtuellen VMw...

Vue.js Leistungsoptimierung N Tipps (es lohnt sich, sie zu sammeln)

Inhaltsverzeichnis Funktionskomponenten Aufteilun...

So implementieren Sie die Formularvalidierung in Vue

1. Installation und Nutzung Installieren Sie es z...

Tiefgreifendes Verständnis der Verwendung von Vue

Inhaltsverzeichnis Verstehen Sie das Kernkonzept ...

Spezifische Verwendung von MySQL-Globalsperren und Sperren auf Tabellenebene

Inhaltsverzeichnis Vorwort Globale Sperre Tabelle...

Dateiupload über HTML5 auf Mobilgeräten

Meistens werden Plug-Ins zum Hochladen von Dateie...