tslint sagt, dass Aufrufe von console.log nicht erlaubt sind - Wie erlaube ich das?

Ich habe gerade angefangen, die Create-React-App mit Typoskript zu verwenden

create-react-app my-app --scripts-version=react-scripts-ts

und die Standardkonfiguration tslint.json erlaubt console.log () nicht.

Wie kann ich (vorerst) console.log aktivieren?

Die Dokumente hierzu finden Sie unter https://palantir.github.io/tslint/rules/no-console/ . Aber sie sagen nicht, wo sie diese Zeile setzen sollen:

    "no-console": [true, "log", "error"]

Ich habe diese Syntax der Konfigurationsdatei tslint.json gesucht und gefunden , also habe ich Folgendes versucht:

"rules": {
    "no-console": [true, "warning"]
}

Bei dem Versuch, Protokollnachrichten abzurufen, handelt es sich lediglich um Warnungen. Aber das hat nicht funktioniert.

Ich habe die wenigen Zeilen von console.log () auskommentiert, möchte dies aber in Zukunft tun können.

Fügen Sie // tslint:disable-next-line:no-consoledie Zeile direkt vor Ihren Anrufen hinzu console.log, um die Fehlermeldung nur einmal zu vermeiden.

Wenn Sie die Regel vollständig deaktivieren möchten, fügen Sie Folgendes hinzu tslint.json(höchstwahrscheinlich in Ihrem Stammordner):

{
    "rules": {
        "no-console": false
    }
}

Für diejenigen unter Ihnen, die mit einer gemischten Codebasis aus Javascript und Typoskript hierher kommen.

Möglicherweise müssen Sie die Option 'keine Konsole' in jsRules definieren, jslints Regelobjekt für Javascript-Dateien, dh es gibt separate Regelobjekte für Javascript und Typoskript.

//tslint.json

{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"], //Example... 
  "rules": {
    "no-console": false //Disable for typescript
  },
  "jsRules": {
    "no-console": false //Disable for javascript
  }
}

Fügen Sie Folgendes zu Ihrem hinzu tslint.json

{
   "rules": {
      "no-console": {
         "severity": "warning",
      } 
   }
}

Dies ist die richtige Syntax, um die Regel ohne Konsole (oder eine andere Regel für diese Angelegenheit) zu definieren, jedoch nur mit einer Warnung und nicht mit einem Fehler (ändern Sie die Optionen offensichtlich nach Ihren Wünschen).

"no-console": {
    "severity": "warning",
    "options": [
        "log",
        "error",
        "debug",
        "info",
        "time",
        "timeEnd",
        "trace"
    ]
},

In TypeScript Version 3 aktualisieren Sie tslint.json unter der folgenden Schlüsselregel:

"no-console": [
    true,
    "debug",
    "time",
    "timeEnd",
    "trace"
],

Auf diese Weise geben Sie einfach Debug, Time, TimeEnd und Trace an, die nicht verwendet werden sollen. Wenn in Ihrem Standard-Tslint "info" in der Liste enthalten ist, entfernen Sie es einfach.

Die Art und Weise, wie ich mit der "No-Console" -Regel von tslint umgehe, ist pro Datei, die ich gefunden habe, praktisch und in der Entwicklungsphase isoliert.

Sobald ich die erste console.log () verwenden muss; Visual Studio Code zeigt die Option zum Hinzufügen:

// tslint: disable-next-line: keine Konsole

console.log ();

Hier lösche ich einfach "-next-line" und dieser Befehl deckt die gesamte Datei ab.

// tslint: disable: keine Konsole

console.log ();

Ich hoffe, es hilft als Alternative, die Funktion für die gesamte App zu deaktivieren.

RON

Gemäß den Dokumenten: https://eslint.org/docs/user-guide/getting-started#configuration

• "aus" oder 0 - schalten Sie die Regel aus
• "warn" oder 1 - Aktivieren Sie die Regel als Warnung (hat keinen Einfluss auf den Exit-Code).
• "Fehler" oder 2 - Schalten Sie die Regel als Fehler ein (Exit-Code ist 1)

Übrigens wäre Ihr korrektes Setup

{
  "rules": {
    "no-console": false
  }
}

Wenn // tslint:disable-next-line:no-consolees nicht funktioniert, versuchen Sie es mit// eslint:disable-next-line:no-console

  {
    "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
    "linterOptions": {
        "exclude": [
            "config/**/*.js",
            "node_modules/**/*.ts",
            "coverage/lcov-report/*.js"
        ]
    },
    "rules": {
        "no-console": false
    },
    "jsRules": {
        "no-console": false
    }
 }