时间戳

首页 > 解决方案 > 如何在 Angular 8 中使用 console.log？

angular - 如何在 Angular 8 中使用 console.log？

问题描述

我曾经在 Angular 6 中使用 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
   }
}

标签： angular

解决方案

这是 Node.js 中的 ESLint 规则。

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

它被禁用的原因：

控制台用于向用户输出信息，因此不严格用于调试目的。如果您正在为 Node.js 开发，那么您很可能不希望启用此规则。

您可能想考虑一个记录器：https ://github.com/code-chunks/angular2-logger

但是，如果您真的只想允许 console.log 您可以编辑规则以设置：

“无控制台”：“关闭”，

推荐阅读