ทำไม JSHint จึงส่งสัญญาณเตือนถ้าฉันใช้ const?

นี่เป็นข้อผิดพลาดที่ฉันได้รับเมื่อใช้ const:

<error line="2" column="1" severity="warning" message="&apos;const&apos; is available in ES6 (use esnext option) or Mozilla JS extensions (use moz)." source="jshint.W104" />

รหัสของฉันมีลักษณะเช่นนี้:

const Suites = {
    Spade: 1,
    Heart: 2,
    Diamond: 3,
    Club: 4
};

รหัสทำงานได้ดีเพียง JSHint เตือนฉันทุกครั้ง

เมื่อใช้คุณสมบัติ ECMAScript 6 เช่นconstคุณควรตั้งค่าตัวเลือกนี้เพื่อ JSHint จะไม่เพิ่มคำเตือนที่ไม่จำเป็น

/ * jshint esnext: true * / ( แก้ไข 2015.12.29 : อัปเดตไวยากรณ์เพื่อสะท้อนความคิดเห็นของ @ Olga )

/*jshint esversion: 6 */

const Suites = {
    Spade: 1,
    Heart: 2,
    Diamond: 3,
    Club: 4
};

ตัวเลือกนี้ตามชื่อแนะนำบอกกับ JSHint ว่าโค้ดของคุณใช้ไวยากรณ์เฉพาะ ECMAScript 6 http://jshint.com/docs/options/#esversion

แก้ไข 2017.06.11 : เพิ่มตัวเลือกอื่นตามคำตอบนี้

ในขณะที่การกำหนดค่าแบบอินไลน์ทำงานได้ดีสำหรับไฟล์แต่ละไฟล์คุณยังสามารถเปิดใช้งานการตั้งค่านี้สำหรับทั้งโครงการโดยการสร้าง.jshintrcไฟล์ในรูทโครงการของคุณและเพิ่มเข้าไปที่นั่น

{
  "esversion": 6
}

คุณสามารถเพิ่มไฟล์ชื่อ.jshintrcใน app ของรากที่มีเนื้อหาดังต่อไปนี้จะใช้การตั้งค่านี้สำหรับวิธีการแก้ปัญหาทั้งหมด :

{
    "esversion": 6
}

คำตอบของเจมส์แนะนำว่าคุณสามารถเพิ่มความคิดเห็น/*jshint esversion: 6 */สำหรับแต่ละไฟล์ได้ แต่จะทำงานได้มากกว่าที่จำเป็นถ้าคุณต้องการควบคุมไฟล์จำนวนมาก

ฉันได้รับคำเตือนเดียวกันนี้เมื่อใช้คำสั่งส่งออก ฉันใช้ VS Code และใช้วิธีการคล้ายกับโซลูชันของ Wenlong Jiang

1. การตั้งค่าผู้ใช้
2. การกำหนดค่า JSHint
3. "jshint.options": {} (แก้ไข)

4. ใช้เครื่องหมายคำพูดคู่เมื่อระบุ"esversion"

   หรือคัดลอกตัวอย่างนี้ลงในการตั้งค่าผู้ใช้:

   "jshint.options": {
     "esversion": 6,
   }

การสร้าง.jshintrcไฟล์ไม่จำเป็นถ้าคุณต้องการกำหนดการตั้งค่าโกลบอล jshint สำหรับโปรแกรมแก้ไขของคุณ

หากคุณใช้ VSCode:

1

• ไปที่การตั้งค่า -> การตั้งค่า ( cmd + ,)
• พิมพ์jshint.optionsลงในแถบค้นหา
• โฮเวอร์เหนือมันและคลิกที่ไอคอนดินสอ
• ตอนนี้มันผนวกอยู่ทางด้านขวา
• เพิ่ม"esversion": 6ไปยังวัตถุตัวเลือก

2

หรือเพิ่มสิ่งนี้ลงในการตั้งค่าผู้ใช้ของคุณ:

"jshint.options": {
    "esversion": 6
}

[อัพเดท] การตั้งค่า vscode ใหม่

• ไปที่การตั้งค่า -> การตั้งค่า ( cmd + ,)
• พิมพ์jshintลงในการค้นหา

• ดำเนินการต่อด้วยขั้นตอน 2.

ฉันใช้เวลานานหลายปีในการแก้ไขปัญหานี้ โซลูชันทุกตัวพูดถึง 'ตัวเลือกการตั้งค่า' ฉันไม่รู้ว่ามันหมายถึงอะไร ในที่สุดฉันก็คิดออก /*jshint esversion: 6 */คุณก็สามารถรวมสายออกความเห็นที่ด้านบนของไฟล์

คุณสามารถระบุesversion: 6ภายในวัตถุตัวเลือก jshint โปรดดูภาพ ฉันใช้ปลั๊กอิน grunt-contrib-jshint

เมื่อคุณเริ่มใช้ ECMAScript 6 ข้อผิดพลาดนี้เกิดจาก IDE ของคุณ

มีสองตัวเลือก:

หากคุณมีไฟล์เดียวและต้องการใช้ es6 ให้เพิ่มบรรทัดด้านล่างที่ด้านบนของไฟล์

/*jshint esversion: 6 */

หรือถ้าคุณมีจำนวนไฟล์ js หรือคุณกำลังใช้เฟรมเวิร์กใด ๆ (เช่น nodejs express) คุณสามารถสร้างไฟล์ใหม่ที่มีชื่อ.jshintrcในไดเรกทอรีรากของคุณและเพิ่มรหัสด้านล่างในไฟล์:

{
    "esversion": 6
}

หากคุณต้องการใช้รุ่น es6 เป็นต้นไปสำหรับแต่ละโครงการคุณสามารถกำหนดค่า IDE ของคุณ

ใน package.json ของคุณคุณสามารถบอก Jshint ให้ใช้ es6 เช่นนี้

"jshintConfig":{
    "esversion": 6 
}

หากคุณกำลังใช้ Webstorm และหากคุณไม่มีไฟล์กำหนดค่าของคุณเองให้เปิดใช้งานEcmaScript.nextในตัวเลือกการผ่อนคลาย

การตั้งค่า | ภาษาและกรอบงาน JavaScript | เครื่องมือคุณภาพรหัส JSHint

ดูคำถามนี้ทำอย่างไรฉันแก้ไขข้อผิดพลาด JSHint-ES6- เหล่านี้

หากคุณกำลังใช้การกำหนดค่า Grunt คุณต้องทำตามขั้นตอนต่อไปนี้

ข้อความเตือนใน Jshint:

สารละลาย:

1. ตั้งค่าตัวเลือก jshint และแม็พไฟล์. jshintrc.js

2. สร้างไฟล์. jshintrc.js ในไฟล์นั้นเพิ่มรหัสต่อไปนี้

{  
  "esversion": 6  
} 

หลังจากกำหนดค่านี้แล้วให้เรียกใช้อีกครั้งมันจะข้ามคำเตือน

สร้างไฟล์ชื่อ jshint_opts ด้วยเนื้อหานี้: {"esversion": 6}

จากนั้นเรียก jshint ด้วยบางสิ่งเช่นบรรทัดคำสั่งนี้:

jshint --config jshint_opts lib / *. js

สำหรับ SublimeText 3 บน Mac:

1. สร้างไฟล์. jshintrc ในไดเรกทอรีรากของคุณ (หรือที่ใดก็ได้ที่คุณต้องการ) และระบุ esversion:

    # .jshintrc
    {
      "esversion": 6
    }

2. อ้างอิง pwd ของไฟล์ที่คุณเพิ่งสร้างในการตั้งค่าผู้ใช้ SublimeLinter (ข้อความ Sublime> การตั้งค่า> การตั้งค่าแพคเกจ> SublimeLinter> การตั้งค่า)

    // SublimeLinter Settings - User
    {
      "linters": {
        "jshint": {
          "args": ["--config", "/Users/[your_username]/.jshintrc"]
        }
      }
    }

3. ออกและเปิดใช้งาน SublimeText อีกครั้ง

พฤษภาคม 2020 นี่เป็นทางออกที่ง่ายฉันพบและมันจะแก้ปัญหาสำหรับทุกโครงการของฉันบน Windows หากโครงการของคุณเป็นหนึ่งภายใน C: ไดเรกทอรีสร้าง .jshintrc ไฟล์ใหม่และบันทึกไว้ในไดเรกทอรี C เปิดแฟ้ม .jshintrc นี้และเขียน{ "esversion": 6}และว่า มัน. คำเตือนควรหายไปเหมือนกันจะทำงานในไดเรกทอรี d

ใช่คุณยังสามารถเปิดใช้งานการตั้งค่านี้สำหรับโครงการเฉพาะโดยการสร้างไฟล์. jshintrc เดียวกันในรูทของโครงการและเพิ่ม { "esversion": 6}

สร้าง.jshintrcไฟล์ในroot dir และเพิ่มชุดที่นั่นเป็นเวอร์ชั่น js ล่าสุด: "esversion": 9และเวอร์ชั่น asi: "asi": true(มันจะช่วยให้คุณหลีกเลี่ยงการใช้เครื่องหมายอัฒภาค)

{
    "esversion": 9,
    "asi": true
}

ในการแก้ไขปัญหานี้ใน Dreamweaver CC 2018 ฉันไปที่การกำหนดค่าตามความชอบแก้ไขชุดกฎ - เลือก JS แก้ไข / ใช้การเปลี่ยนแปลงค้นหา "esnext" และเปลี่ยนการตั้งค่าเท็จเป็นจริง มันทำงานให้ฉันหลังจากชั่วโมงการวิจัย หวังว่าจะช่วยผู้อื่น

หากใช้ Sublime Text 3:

• ไปที่ ตั้งค่า -> การตั้งค่า
• ภายใต้Preferences.sublime-settings— ผู้ใช้เพิ่ม"esversion": 6

ใน Dreamweaver เวอร์ชั่นใหม่เพื่อแก้ไขข้อผิดพลาดนี้

• ไปที่ Edit-> Preference-> Linting

• และไปแก้ไข js ชุดกฎและที่ผ่านมา

  "jshintConfig": {"esversion": 6}