JHipster:Angular/TypeScript:console.log 导致编译错误

Mik*_*ith 3 typescript jhipster angular

愚蠢的问题,但是...

使用 JHipster 6.6.0,生成一个简单的单体应用程序,使用./gradlew和启动应用程序npm start。一切似乎都很好。然后我在src\main\webapp\app\home\home.component.tsfilengOnInit()方法中添加了一行:

console.log('Hello, world!');
Run Code Online (Sandbox Code Playgroud)

我收到以下编译错误:

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

..\src\main\webapp\app\home\home.component.ts
  22:5  error  Unexpected console statement  no-console

? 1 problem (1 error, 0 warnings)
Run Code Online (Sandbox Code Playgroud)

根本无法编译。绕过它的唯一方法是完全移除线路,然后一切重新开始工作。

任何想法为什么?也许我应该更改配置设置?[我尝试将no-console: false规则添加到tslint.json,但这没有任何区别。] 在 JHipster 中是否有添加角度/打字稿调试语句的首选方法?我错过了什么?

谢谢!

[仅供参考:开发环境是:Windows 10 Pro;IntelliJ 2019.3.2;OpenJDK 13;节点 12.14.1;摇篮 6.0.1;Chrome v79.0.3945.130]

PS:我注意到运行应用程序时 Chrome 控制台非常繁忙,所以很明显必须有一种方法可以将消息传入控制台,但通常的console.log()语句会导致编译器失败!

Mik*_*ith 7

哦,天哪,路易斯!

就在我发布我的问题之后,我注意到文件中有一条console.log()声明src\main\webapp\app\app.main.ts,前面有一条奇怪的评论:

// eslint-disable-next-line no-console
Run Code Online (Sandbox Code Playgroud)

我将src\main\webapp\app\app.main.ts文件中的评论复制/粘贴到我console.log('Hello, World!')声明之前的行中,然后......嘿!

现在一切正常!

有点玄学...

有谁知道:这是console.log()在 JHipster 中添加语句的正确方法吗?有没有更好的办法?我应该console.log()完全避免陈述吗?欢迎所有反馈!

再次感谢!

  • https://eslint.org/docs/rules/no-console 您可以在 `.eslintrc.json` 中全局禁用此规则,或者您可以创建一个日志服务并仅在此服务中忽略此规则或使用现有的规则,例如 ngx -记录器 (3认同)