ng-alain中的husky使用问题与解决
发布日期:2021-06-30 20:13:23 浏览次数:2 分类:技术文章

本文共 1689 字,大约阅读时间需要 5 分钟。

在Angular的开发过程中,使用husky可以实现在代码提交的时候通过husky的hook来回掉一些定制化的需求,最常见的使用场景就是代码ng lint的代码检查。而ng-alain也将husky集成至其中。这篇文章memo一下一个常见问题的对应方法。

现象

  • ng-alain版本:8.5.0
  • 现象说明:commit时由husky在pre-commit阶段调用lint,结果提示如下错误信息
> tslint -p tsconfig.app.json -c tslint.json "src/**/*.ts" --fix "/private/tmp/aaa/glaucus/ui/src/test.ts"  ...省略'/private/tmp/aaa/glaucus/ui/src/test.ts' is not included in project.

对应方法

经过确认:husky中又如下两条命令需要进行执行:

  • 检查typescript代码:npm run lint:ts
  • 检查less代码:npm run lint:style

而手动执行此两项命令,并无实际错误,因此判断此应为配置或者本身存在问题。因为husky本身的功能就是识别出提交的时点调用我们的预设检查而已。所以将husky里面的hook直接设定为上述两行代码,发现并没有什么问题,而看了一下原先的husky的配置也似乎没有什么问题,这里先记录一下,如下是修改前后的diff信息:

liumiaocn:ui liumiao$ git diffdiff --git a/ui/package.json b/ui/package.jsonindex 967ce78..f4a0369 100644--- a/ui/package.json+++ b/ui/package.json@@ -99,22 +99,7 @@   },   "husky": {     "hooks": {-      "pre-commit": "npm run lint-staged"+      "pre-commit": "npm run lint:ts && npm run lint:style"     }-  },-  "lint-staged": {-    "linters": {-      "src/**/*.ts": [-        "npm run lint:ts",-        "git add"-      ],-      "src/**/*.less": [-        "npm run lint:style",-        "git add"-      ]-    },-    "ignore": [-      "src/assets/*"-    ]   } }liumiaocn:ui liumiao$

结果确认

上述修改之后,执行commit可以看到预定的lint检查得以正常执行。

liumiaocn:ui liumiao$ git commit -m "change husky format for unkown reason"husky > pre-commit (node v10.15.3)> ui@8.5.0 lint:ts /private/tmp/aaa/glaucus/ui> tslint -p tsconfig.app.json -c tslint.json "src/**/*.ts" --fix> ui@8.5.0 lint:style /private/tmp/aaa/glaucus/ui> stylelint "src/**/*.less" --syntax less --fix[master 44fb1ae] change husky format for unkown reason 1 file changed, 1 insertion(+), 16 deletions(-)liumiaocn:ui liumiao$

转载地址:https://liumiaocn.blog.csdn.net/article/details/102594435 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:如何构建基于Alpine的NodeJS镜像
下一篇:ng-alain使用中的路由部分自动代码生成的一个问题

发表评论

最新留言

表示我来过!
[***.240.166.169]2024年04月09日 14时36分00秒