1. ホーム
  2. angular

[解決済み] Angular 8でconsole.logを使用するには?

2022-03-08 21:09:10

質問

Angular6でconsole.logを使って変数の内容をブラウザで見ていたのですが

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

...で、満足していたのですが、今、Angular 8を使い始めて、このエラーが出ました(npm startの時)。

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.

変数の内容をブラウザで確認するにはどうすればよいですか?

TSLINTです。

{
  "rulesDirectory": ["node_modules/codelyzer"],
  "rules": {
    "no-console": [false, "debug", "info", "time", "timeEnd", "trace" ],
    "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
   }
}

解決方法は?

これはNode.jsのESLintルールです。

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

無効化された理由

コンソールは は、ユーザーに情報を出力するためであり、厳密には使用しない。 デバッグを目的としています。Node.jsで開発している場合、ほとんどの場合 このルールは有効にしないでください。

ロガーを検討してみてはいかがでしょうか。 https://github.com/code-chunks/angular2-logger

しかし、本当にconsole.logを許可したいだけなら、ルールを編集して設定することができます。

<ブロッククオート

"no-console": "off" です。