在 Angular 项目提交期间运行 ESLint

Posted

技术标签:

【中文标题】在 Angular 项目提交期间运行 ESLint【英文标题】:Run ESLint during commit on Angular projects 【发布时间】:2021-11-21 12:25:12 【问题描述】:

我在一个 Angular 项目上配置了 Eslint 以在提交期间检查代码。 为了测试我的配置是否有效,我犯了一个错误:我设置了规则"no-console":"error",并在代码中留下了console.log()

提交 ESLint 时出现此错误:

...
✖ eslint --fix:

C:\project\src\app\app.component.ts
  12:5  error  Unexpected console statement  no-console

✖ 1 problem (1 error, 0 warnings)

husky - pre-commit hook exited with code 1 (error)

我怀疑我看到 2 行用 ✖ 签名。

它们是指相同的错误(console.log)还是其中一个是指 ESLint 配置问题?

感谢您的帮助,

【问题讨论】:

只有 1 个 lint 错误,如果你修复它就会通过, eslint --fix 是自动修复 lint 错误 @KumailHussain 谢谢 【参考方案1】:

在您的示例中,ESLint 表示文件 C:\project\src\app\app.component.ts - 12:5 error Unexpected console statement no-console 中只有一个问题

关于✖ eslint --fix: - ESLint 只是建议运行命令来自动修复文件。

但是,fix 命令只负责格式化,oyu 必须手动删除 console.log() 调用。

【讨论】:

谢谢你 :)

以上是关于在 Angular 项目提交期间运行 ESLint的主要内容,如果未能解决你的问题,请参考以下文章

eslint angular - 找不到 .eslintrc

eslint Angular Strict Template Checks 应该显示错误

有没有办法列出 Angular 项目中所有活动的 ESLint / Prettier 规则?

让 Angular 将 TSLint 迁移到 ESLint Banana-In-Box 错误

Angular Eslint 配置未扩展 Project Eslint 配置

如何配置 ESLint 以遵循 Angular 最佳实践?