Was tun, wenn Vue einen Leerzeichenfehler meldet?

Lösung für den Vue-Space-Fehler: 1. Suchen Sie die Datei webpack.base.conf.js im Build-Verzeichnis und heben Sie die Registrierung der darin enthaltenen Regeln auf. 2. Führen Sie „npm run dev“ erneut aus. 3. Öffnen Sie die Datei „eslintrc.js“. Datei, fügen Sie benutzerdefinierte Regeln hinzu; 4. Öffnen Sie die Regeln, fügen Sie manuell „keine gemischten Leerzeichen und Tabulatoren“ hinzu, definieren Sie sie dann als 0 und schließen Sie die Regeln.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue Version 3, Dell G3-Computer.

Was soll ich tun, wenn Vue einen Space-Fehler meldet?

vue-Leerzeichenfehler

Beim Konfigurieren des Pfads traten nacheinander verschiedene Fehler auf, z. B. Leerzeichen, Einrückungen und verschiedene Klammern , sagte ich einen Satz nach dem anderen. Im Vergleich dazu ist die Änderung ziemlich zeitaufwändig und ineffizient. Den ganzen Morgen wurde keine einzige Routing-Konfiguration geschrieben

Die Hauptfehler sind wie folgt:

Ich habe einen häufigen Fehlerbericht abgefangen und Ich habe eines davon ausgewählt:

Expected indentation of 4 spaces but found 1 tab

Übersetzt bedeutet es: erwartete Kontraktion. 4 Leerzeichen eingegeben, aber 1 Tabulator gefunden. Dies bedeutet, dass Vue beim Erkennen von Schreibregeln nur Leerzeichen und nicht die Einrückung von Tabulatoren erkennt. Zu diesem Zeitpunkt müssen Sie den Seiteninhalt ändern und die Tabulatoren durch Leerzeichen ersetzen, was problematischer ist Finden Sie den Grund und finden Sie ihn. Die Lösung lautet wie folgt:

Suchen Sie zunächst die Datei webpack.base.conf.js im Build-Verzeichnis und melden Sie diesen Abschnitt in den Regeln ab:

Speichern Sie, und führen Sie dann npm dev erneut aus :

Obwohl ein Fehler als verschwunden gemeldet wird, besteht der Nachteil darin, dass alle Fehlerprüfungsfunktionen zwangsweise gestoppt werden und viele Grammatikfehler nicht erkannt werden können. Dies wird im Frühstadium nicht empfohlen und ist auch nicht förderlich die Lesbarkeit und Standardisierung des Codes. Dann müssen wir einen anderen Weg finden, einfach die Konfiguration in den Regeln ändern.

Zweitens wird hierfür eine andere Konfigurationsdatei verwendet: die Datei .eslintrc.js im Testverzeichnis (empfohlen)

Fügen Sie Ihre benutzerdefinierten Regeln hinzu, und dann empfehle ich jedem, sich mit den ESLint-Regeln

Regeln

in der Konfiguration vertraut zu machen Datei Es können einige Regeln festgelegt werden.

Es gibt drei Fehlerstufen von Regeln:

“off” 或者 0：关闭规则。
“warn” 或者 1：打开规则，并且作为一个警告（不影响exit code）。
“error” 或者 2：打开规则，并且作为一个错误（exit code将会是1）。

Um Ihnen ein besseres Verständnis der Regeln zu ermöglichen, klassifiziert ESLint sie.

Alle Regeln sind standardmäßig deaktiviert. Verwenden Sie in der Konfigurationsdatei „extends“: „eslint:recommended“, um empfohlene Regeln zu aktivieren und einige häufige Probleme zu melden. Diese empfohlenen Regeln sind unten mit einem Tag gekennzeichnet.

Mögliche Fehler werden anhand benutzerdefinierter Regeln konfiguriert

Nehmen Sie den oben gemeldeten Fehler als Beispiel, der sich auf die Einrückung von Leerzeichen bezieht:

Gehen Sie dann zu „Regeln“ und fügen Sie manuell „keine gemischten Leerzeichen-und“ hinzu -tabs‘, dann definiere es als 0, schließe die Regel

// 在这里添加自定义规则
'rules': {
// allow paren-less arrow functions
'arrow-parens': 0,
// allow async-await
'generator-star-spacing': 0,
// 禁止空格和 tab 的混合缩进
'no-mixed-spaces-and-tabs'：0，
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
}

Okay, speichere und aktualisiere, du wirst feststellen, dass der Fehler nicht mehr angezeigt wird. Der Vorteil dabei ist, dass du die Regeln auswählen kannst, die ignoriert werden müssen

Empfohlenes Lernen: „vue.j Video-Tutorial》

Das obige ist der detaillierte Inhalt vonWas tun, wenn Vue einen Leerzeichenfehler meldet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!