为什么 ESLint 会警告我认为有用的分号？

Question

    fetch_roles () {
      axios.get('/roles')
        .then((response) => {
          this.is_loaded = true; <-- ES lint hate this semicolon?! 🤔
          this.pageData = response
        })
        .catch((error) => {
          alert(`Error: ${error}`)
        })
    }

我得到ESLint: Extra semicolon.(semi)用于上面显示的分号。 如果我们缩小，分号不是很好吗？

Answer 1

我得到 ESLint: Extra semicolon.(semi) 用于上面的分号。

ESLint 可以配置为要求、忽略或禁止可选的分号。 您的配置已将它们设置为禁止。

如果我们缩小，分号不是更好吗？

如果在缺少可选分号时缩小导致问题，那么您需要一个更好的缩小器。

Answer 2

听起来您的 linter 配置当前设置为禁止使用分号。

如果您是专家并且可以一眼识别由于自动分号插入规则而导致的潜在错误，您可以保留当前规则并安全地删除该行中的分号。

否则，您可能会发现在适当的时候将semi规则更改为要求使用分号会更有益，这可以防止出现难以理解的错误。

为此，请将semi规则更改为always而不是never 。 您还需要在以下行中添加分号：

this.pageData = response

alert(`Error: ${error}`)

分号的存在（或缺乏）不会真正影响缩小。 如果由于不直观的 ASI 行为而导致一行中没有分号导致错误，则无论是运行源文件还是运行缩小文件，都会出现该错误。