line warning: binding “gutter“ should be on a new line

此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的

解决办法

根据错误提示更改相关配置即可，更改完成之后重新构建项目

**。

举例：

{
  "vue/max-attributes-per-line": ["error", {
    "singleline": 1,
    "multiline": {
      "max": 1,
      "allowFirstLine": false
    }
  }]
}

• singleline（number）…当开始标记在一行中时，每行的最大属性数。默认值为1。
• multiline.max（number）…当开始标记位于多行中时，每行的最大属性数。默认值为1。如果您不配置属性{
  multiline: 1 }，{ multiline: { max: 1 }}则可以代替allowFirstLine。
• multiline.allowFirstLine（boolean）…如果为true，则允许属性与该标记名称位于同一行。默认值为false。

“singleline”: 3

<template>
  <!-- ✓ GOOD -->
  <MyComponent lorem="1" ipsum="2" dolor="3" />

  <!-- ✗ BAD -->
  <MyComponent lorem="1" ipsum="2" dolor="3" sit="4" />
</template>

“multiline”: 2

<template>
  <!-- ✓ GOOD -->
  <MyComponent
    lorem="1" ipsum="2"
    dolor="3"
  />

  <!-- ✗ BAD -->
  <MyComponent
    lorem="1" ipsum="2" dolor="3"
    sit="4"
  />
</template>

“multiline”: 1, “allowFirstLine”: true

<template>
  <!-- ✓ GOOD -->
  <MyComponent lorem="1"
               ipsum="2"
               dolor="3"
  />
</template>