tslint dit que les appels à console.log ne sont pas autorisés - Comment puis-je autoriser cela?

Je viens de commencer à utiliser create-react-app avec tapuscript

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

et la configuration par défaut de tslint.json n'autorise pas console.log ().

Comment puis-je (pour l'instant) activer console.log?

La documentation à ce sujet se trouve sur https://palantir.github.io/tslint/rules/no-console/ . Mais ils ne disent pas où mettre cette ligne:

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

J'ai cherché et trouvé cette syntaxe de fichier de configuration tslint.json , alors j'ai essayé ceci:

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

Dans une tentative d'obtenir des messages de journal qui ne seraient que des avertissements. Mais cela n'a pas fonctionné.

J'ai commenté les quelques lignes de console.log () que j'ai, mais je souhaiterai pouvoir le faire à l'avenir.

Ajoutez // tslint:disable-next-line:no-consolela ligne juste avant vos appels console.logpour éviter le message d'erreur une seule fois.

Si vous souhaitez désactiver complètement la règle, ajoutez ce qui suit à votre tslint.json(probablement dans votre dossier racine):

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

Pour ceux d'entre vous qui viennent ici avec une base de code mixte de javascript et dactylographié.

Vous devrez peut-être définir l'option 'no-console' dans jsRules, objet de règles jslints pour les fichiers javascript, c'est-à-dire qu'il existe des objets de règles séparés pour javascript et 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
  }
}

Ajoutez ce qui suit à votre tslint.json

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

C'est la syntaxe correcte pour définir la règle sans console (ou toute autre règle d'ailleurs) mais uniquement avec un avertissement plutôt qu'une erreur (changez évidemment les options pour ce que vous voulez)

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

dans typeScript version 3, mettez à jour tslint.json sous la règle de clé comme ci-dessous:

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

de cette façon, vous spécifiez simplement debug, time, timeEnd, trace à ne pas utiliser, si dans votre tslint par défaut "info" est dans la liste, supprimez-le.

La façon dont je gère la règle tslint "sans console" est par fichier que j'ai trouvé pratique et isolé dans la phase de développement.

Dès que j'ai besoin d'utiliser le premier console.log (); Visual Studio Code montre l'option à ajouter:

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

console.log ();

Donc ici, je supprime simplement "-next-line" et cette commande couvrira tout le fichier.

// tslint: disable: no-console

console.log ();

J'espère que cela aide comme alternative de désactiver la fonctionnalité pour l'ensemble de l'application.

RON

Selon la documentation: https://eslint.org/docs/user-guide/getting-started#configuration

• "off" ou 0 - désactiver la règle
• "warn" ou 1 - active la règle comme avertissement (n'affecte pas le code de sortie)
• "error" ou 2 - activer la règle comme erreur (le code de sortie sera 1)

Au fait, votre configuration correcte serait

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

si // tslint:disable-next-line:no-consolecela ne fonctionne pas, essayez avec// 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
    }
 }