[解決済み] 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" です。
関連
-
[解決済み】Angular2エラー。exportAs "が "ngForm "に設定されたディレクティブは存在しません。
-
[解決済み] Angular 5:"ControlContainerのプロバイダがありません"
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] NGIf else "の使い方を教えてください。
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み】PromiseとObservablesの違いは何ですか?
-
[解決済み】AngularでjQueryを使用するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angular 6 エラー表示から 'mat-form-field' は既知の要素ではありません。
-
[解決済み】ngサーブが機能しない
-
[解決済み] Angular "未定義のプロパティ 'subscribe' を読み取ることができません".
-
[解決済み] Angular 2のコンポーネントプロパティにデフォルト値を設定する方法は?
-
[解決済み] Angular 2 ルーターベースなし href = "/stock/stock_detail.html?
-
[解決済み] Angular 8 NgForはArray errorやAcces Control Allow originなどのIterableへのバインディングのみをサポートしています。
-
[解決済み] プロパティ 'json' はタイプ 'Object' に存在しません。
-
[解決済み] ウェブストーム Must be lvalue」の意味するところ
-
[解決済み] エラーです。参照または変数に代入できません! Angular 4 [重複]の場合
-
[解決済み] "エラーです。オーバーレイのプロバイダがありません!"