tslint diz que chamadas para console.log não são permitidas - Como faço para permitir isso?

Acabei de começar a usar create-react-app com typescript

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

e a configuração padrão tslint.json não permite console.log ().

Como posso (por enquanto) habilitar console.log?

Os documentos para isso estão em https://palantir.github.io/tslint/rules/no-console/ . Mas eles não dizem onde colocar esta linha:

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

Eu pesquisei e encontrei esta sintaxe do arquivo de configuração tslint.json , então tentei isto:

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

Na tentativa de obter mensagens de log que seriam apenas avisos. Mas isso não funcionou.

Comentei as poucas linhas console.log () que tenho, mas gostaria de poder fazer isso no futuro.

Adicione // tslint:disable-next-line:no-consolea linha imediatamente antes de suas chamadas console.logpara evitar a mensagem de erro apenas uma vez.

Se quiser desativar a regra totalmente, adicione o seguinte ao seu tslint.json(provavelmente na pasta raiz):

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

Para aqueles que vêm aqui com uma base de código mista de javascript e typescript.

Você pode precisar definir a opção 'no-console' em jsRules, objeto de regras jslints para arquivos javascript, ou seja, existem objetos de regras separados para 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
  }
}

Adicione o seguinte ao seu tslint.json

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

Esta é a sintaxe correta para definir a regra de não console (ou qualquer outra regra para esse assunto), mas apenas com um aviso em vez de um erro (obviamente, altere as opções para o que quiser)

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

no typeScript versão 3, atualize tslint.json sob a regra principal como abaixo:

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

desta forma, você apenas especifica debug, time, timeEnd, trace a não ser usado, se em seu tslint padrão "info" estiver na lista, basta removê-lo.

A maneira como eu lido com a regra tslint "no-console" é por arquivo, o que eu achei conveniente e isolado na fase de desenvolvimento.

Assim que eu precisar usar o primeiro console.log (); O código do Visual Studio mostra a opção de adicionar:

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

console.log ();

Então aqui eu apenas excluo "-next-line" e este comando cobrirá todo o arquivo.

// tslint: disable: no-console

console.log ();

Espero que ajude como uma alternativa para desativar o recurso para todo o aplicativo.

RON

De acordo com a documentação: https://eslint.org/docs/user-guide/getting-started#configuration

• "off" ou 0 - desativa a regra
• "warn" ou 1 - ativa a regra como um aviso (não afeta o código de saída)
• "erro" ou 2 - ativa a regra como um erro (o código de saída será 1)

A propósito, sua configuração correta seria

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

se // tslint:disable-next-line:no-consolenão funcionar, tente com// 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
    }
 }