ความกวนตีนของ 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

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Navigate

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่จำเป็น
    เปิดใช้งานตลอด

    ประเภทของคุกกี้มีความจำเป็นสำหรับการทำงานของเว็บไซต์ เพื่อให้คุณสามารถใช้ได้อย่างเป็นปกติ และเข้าชมเว็บไซต์ คุณไม่สามารถปิดการทำงานของคุกกี้นี้ในระบบเว็บไซต์ของเราได้

  • คุกกี้เพื่อการวิเคราะห์

    คุกกี้นี้เป็นการเก็บข้อมูลสาธารณะสำหรับการวิเคราะห์ และเก็บสถิติการใช้งานภายในเว็บไซต์นี้เท่านั้น ไม่ได้เก็บข้อมูลส่วนตัวที่ไม่เป็นสาธารณะใดๆ ของผู้ใช้งาน

บันทึกการตั้งค่า
0
Would love your thoughts, please comment.x
()
x