javascript - ESLint 不会破坏 Github Actions 的构建

Question

我正在使用 Github Actions 首次。我正在使用 Vue-CLI & 我想创建一个作业，在 push 上对我的文件进行 lint & 如果有 ESLint'errors 则中断构建过程.
这是我的package.json的脚本:

"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint",
},

这是我的 .github/workflows/main.yml文件:

name: Lint files on push

on: push

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Install modules
        run: npm install
      - name: Run ESLint
        run: npm run lint

我正在使用 this template作为灵感。正如您在下面的屏幕截图中看到的那样。该作业已成功完成，但不会破坏构建或修复掉毛。我究竟做错了什么？

Answer 1

您可以指定--no-fix这样它就不会自动修复错误/警告并设置 --max-warnings至0因为您的项目中似乎有一个警告，并希望将其视为错误。
在您的 package.json :

{
  ....
  "scripts": {
    "lint": "vue-cli-service lint --no-fix --max-warnings 0",
    ....
  }
}

checkout documentation
日志输出:

warning: Delete `⏎········` (prettier/prettier) at src/components/QuestionInfo.vue:5:25:
  3 |     <div class="question_card container">
  4 |       <BaseTag
> 5 |         :class="['tag', 
    |                         ^
  6 |         'p-5', 'pb-0', 'pl-0', 'ml-5']"
  7 |         :tag-name="this.tag"
  8 |       />


1 warning found.
1 warning potentially fixable with the `--fix` option.
Eslint found too many warnings (maximum: 0).