como usar o console.log no Angular 8?

votos
1

Eu costumava ter o meu console.log no Angular 6 para ver o conteúdo de variáveis ​​no navegador

      console.log('CONSOLOG: M:paginateVar & O: this.var : ', this.var);

... e eu estava feliz com isso, mas agora eu estou começando a usar angular 8 e eu recebo este erro:

No type errors found
Version: typescript 3.4.5
Time: 2104ms
× 「wdm」:    1029 modules

ERROR in ./src/main/webapp/app/home/home.component.ts
Module Error (from ./node_modules/eslint-loader/dist/cjs.js):

D:\JHipster\spingular\src\main\webapp\app\home\home.component.ts
105:7  error  Unexpected console statement  no-console

✖ 1 problem (1 error, 0 warnings)

i 「wdm」: Failed to compile.

Como posso ver o conteúdo de uma variável de volta no navegador? Não consigo encontrar qualquer informação no google. Existe uma nova melhor prática?

TSLINT:

{
  rulesDirectory: [node_modules/codelyzer],
  rules: {
    directive-selector: [true, attribute, jhi, camelCase],
    component-selector: [true, element, jhi, kebab-case],
    no-inputs-metadata-property: true,
    no-outputs-metadata-property: true,
    no-host-metadata-property: true,
    no-input-rename: true,
    no-output-rename: true,
    use-lifecycle-interface: true,
    use-pipe-transform-interface: false,
    component-class-suffix: true,
    directive-class-suffix: true
  }
}

Obrigado pela ajuda

Publicado 10/10/2019 em 00:46
fonte usuário
Em outras línguas...                            


3 respostas

votos
0

quando em yours.TS arquivo que você pode usar a função console.log.

Exemplo: int id = 1; variável // ID é declarado

console.log ( "id", this.id); // função chamada

durante a execução do projeto, inspecionar elemento console e você verá que "id 1" será impresso

Respondeu 10/10/2019 em 10:42
fonte usuário

votos
0

Esta é uma regra ESLint em Node.js.

https://eslint.org/docs/rules/no-console

A razão é desativado:

console é usado para enviar informações para o usuário e, portanto, não é estritamente utilizados para fins de depuração. Se você está desenvolvendo para Node.js então você provavelmente não quer que esta regra habilitado.

Você pode gostar de considerar um logger: https://github.com/code-chunks/angular2-logger

No entanto, se você realmente só quer permitir console.log você pode editar as regras para definir:

"No-console": "off",

Respondeu 10/10/2019 em 00:54
fonte usuário

votos
0

no-consoleé causada por TSLint e sua regra :

Regra: sem consola

Proíbe o uso de métodos de console especificados.

Verifique se o seu tslint.json :

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

Basta alterar truea false.

Respondeu 10/10/2019 em 00:52
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more