為什么 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 行為而導致一行中沒有分號導致錯誤，則無論是運行源文件還是運行縮小文件，都會出現該錯誤。