ความกวนตีนของ ESLint/Prettier – Missing space before function parentheses

ต้องตะโกนดังๆ ว่า มึงกวนตีนกูอยู่ใช่ไหมมมมมมมมมมมมมมมมม

เคนเป็นมือใหม่หัดใช้ ESLint กับ Nuxt.js ตอนนี้เหมือน Nuxt.js จะอัพเดทเวอร์ชั่นใหม่ ทำให้เคนติดตั้งด้วย Template ตอนนี้มันก็เหมือนได้กฎใหม่ของ ESLint มาด้วย

ซึ่งกฎตัวนี้ค่อนข้าง…กวนตีน!!! ไปดูตัวอย่างโค้ดดีกว่าจะได้รู้ว่ากวนตีนยังไง!

export default function({ store, redirect }) {
  if (store.state.auth) {
    return redirect('/')
  }
}

เขียนโค้ดง่ายๆ แบบด้านบน แต่ตัว ESLint ฟ้องว่า Missing space before funtion parentheses ก็คือ เว้นวรรคระหว่าง function กับ () ด้วย

อ่ะๆ ไม่เป็นไร ให้เว้นวรรคใช่ไหม? ได้ จัดไป!

export default function ({ store, redirect }) {
  if (store.state.auth) {
    return redirect('/')
  }
}

นึกว่าชนะแล้ว…แม่งเอ๊ย ขึ้น Error ต่อ

เอ๊าาา….. ไอ้ห่านนน ทำไมเมิงไม่คุยกันก๊อนนนนนนนนนน!!!!!

ESLint บอกให้เว้น Prettier บอกให้ลบ ไอ้เว๊รรรรรรรรรร

วิธีแก้

ดีที่เพิ่งสร้างโปรเจ็ก Nuxt.js ใหม่ ก็ไม่เป็นไรกดสร้าง Nuxt.js ใหม่อีกรอบ แล้วเลือกแค่ ESLint อย่างเดียว ไม่เอา Prettier แค่นี้ก็ชนะละ 555

เขียนโดย KanexKane

นักเขียนโค้ด นักเก็บเรื่องราว และนักทดสอบ ชอบแบ่งปันสิ่งเล็ก ๆ ที่ทำให้วันธรรมดาพิเศษขึ้น

รู้จักกันอีกนิด →