tslint dice che le chiamate a console.log non sono consentite - Come lo consento?

Ho appena iniziato a usare l'app create-react con il dattiloscritto

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

e la configurazione predefinita tslint.json non consente console.log ().

Come posso (per ora) abilitare console.log?

I documenti per questo sono su https://palantir.github.io/tslint/rules/no-console/ . Ma non dicono dove mettere questa riga:

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

Ho cercato e trovato questa sintassi del file di configurazione tslint.json , quindi ho provato questo:

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

Nel tentativo di ottenere messaggi di registro che sarebbero solo avvisi. Ma non ha funzionato.

Ho commentato le poche righe di console.log () che ho ma vorrò essere in grado di farlo in futuro.

Aggiungi // tslint:disable-next-line:no-consolela linea subito prima delle chiamate a console.logper evitare il messaggio di errore solo una volta.

Se desideri disabilitare completamente la regola, aggiungi quanto segue al tuo tslint.json(molto probabilmente nella tua cartella principale):

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

Per quelli di voi che vengono qui con un codice base misto di JavaScript e dattiloscritto.

Potrebbe essere necessario definire l'opzione "no-console" in jsRules, oggetto regole jslints per file javascript, ovvero ci sono oggetti regole separati per javascript e typescript.

//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
  }
}

Aggiungi quanto segue al tuo file tslint.json

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

Questa è la sintassi corretta per definire la regola senza console (o qualsiasi altra regola per quella materia) ma solo con un avvertimento piuttosto che un errore (ovviamente cambia le opzioni come vuoi)

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

nella versione 3 di TypeScript aggiorna tslint.json con la regola chiave come di seguito:

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

in questo modo devi solo specificare debug, time, timeEnd, trace da non utilizzare, se nel tuo tslint predefinito "info" è nell'elenco rimuovilo.

Il modo in cui gestisco la regola "no-console" di tslint è per file che ho trovato conveniente e isolato nella fase di sviluppo.

Non appena ho bisogno di usare il primo console.log (); Visual Studio Code mostra l'opzione per aggiungere:

// tslint: disable-next-line: no-console

console.log ();

Quindi qui elimino semplicemente "-next-line" e questo comando coprirà l'intero file.

// tslint: disable: no-console

console.log ();

Spero che sia utile in alternativa disabilitare la funzione per l'intera app.

RON

Secondo i documenti: https://eslint.org/docs/user-guide/getting-started#configuration

• "off" o 0 - disattiva la regola
• "warn" o 1 - attiva la regola come avviso (non influisce sul codice di uscita)
• "errore" o 2: attiva la regola come errore (il codice di uscita sarà 1)

A proposito, la tua configurazione corretta sarebbe

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

se // tslint:disable-next-line:no-consolenon funziona, prova con// 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
    }
 }