ฉันได้รับข้อผิดพลาดที่เป็นขุยในรหัสของฉัน 'import' is only available in ES6 (use 'esversion: 6').

ทุกสิ่งที่เกี่ยวข้องกับ es6 กำลังส่งข้อผิดพลาด ไม่แน่ใจว่าต้องกำหนดค่าอะไรเพื่อให้ใช้งานได้

เพิ่มไฟล์ชื่อ.jshintrcโปรเจ็กต์ของคุณและภายในไฟล์ประเภทนี้:

{
    "esversion": 6
}

ดังที่คุณเห็นที่นี่:

ดูเอกสารjshintตัวเลือกฉบับเต็มได้ที่นี่: http://jshint.com/docs/options

แก้ไข: ฉันได้เพิ่มวิธีเปิดใช้งาน es6 หากคุณใช้ ESLint แทน JSHint รวมถึงอัปเดตภาพหน้าจอเนื่องจาก VSCode เปลี่ยนไปตั้งแต่คำตอบเดิมของฉัน

วิธี JSHint:

หากคุณใช้ JSHint คุณสามารถเพิ่มสิ่งต่อไปนี้ในการตั้งค่าของคุณ:

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

วิธี ESLint:

หากคุณใช้ ESLint คุณสามารถเพิ่มสิ่งต่อไปนี้ในการตั้งค่าของคุณ:

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

เอกสารการกำหนดค่า ESLint

วิธีอัปเดตการตั้งค่า

0. ไม่มีการเปิดใช้งาน JSHint หรือ ESLint ใน VS Code เวอร์ชันใหม่ดังนั้นคุณจะต้องติดตั้งส่วนขยายโดยไปที่ส่วนขยายจากนั้นค้นหา Linter ที่คุณต้องการ

1. ใน VS Code ไปที่ settings

2. เมื่อการตั้งค่าปรากฏขึ้นคุณจะเห็นส่วนการตั้งค่า:

โปรดทราบว่ามีสองส่วนที่คุณสามารถปรับแต่งการตั้งค่าการตั้งค่าผู้ใช้และการตั้งค่าพื้นที่ทำงานได้

การตั้งค่าผู้ใช้เป็นที่ที่คุณควรใช้การตั้งค่าส่วนกลางที่คุณต้องการสำหรับโครงการใด ๆ ที่คุณจะดำเนินการ

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

ในกรณีของฉันเนื่องจากฉันรู้ว่ามีเพียงโปรเจ็กต์บางโปรเจ็กต์ของฉันเท่านั้นที่สามารถใช้ ES6 ได้ฉันจึงต้องมีคำใบ้ข้อผิดพลาดเพื่อเตือนฉันหากฉันใช้ ES6 โปรเจ็กต์ที่ไม่ใช่ ES6 ของฉัน ... ดังนั้นฉันจึงตั้งค่านี้เป็นการตั้งค่าพื้นที่ทำงานของฉันเท่านั้น

แต่ถ้าคุณรู้ว่าสิ่งที่คุณรหัสใน VS รหัสเป็นไปได้ ES6 โครงการแล้วบันทึกขั้นตอนและเพิ่มที่คุณตั้งค่าผู้ใช้

3. คลิกที่ User / Workspace ขึ้นอยู่กับความต้องการของคุณ ค้นหา JSHint หรือ ESLint (แล้วแต่คุณจะใช้) คลิกที่ลิงก์แก้ไขใน settings.jsonไม่ว่าจะลิงก์ใด

4. เพิ่มการตั้งค่าที่เกี่ยวข้องขึ้นอยู่กับว่าคุณใช้ JSHint หรือ ESLint:

JSHint

ESLint

คุณสามารถเพิ่มลง"esversion": 6ใน jshint.options ในการตั้งค่าผู้ใช้

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

เพื่อสรุปคำแนะนำที่ยอดเยี่ยมที่ส่งไปแล้วคุณยังสามารถตั้งค่านี้เป็นไฟล์ทีละไฟล์โดยเพิ่มบรรทัดที่หลีกเลี่ยงนี้ (และคล้ายกับการตั้งค่า jshint อื่น ๆ ) ที่ด้านบนของไฟล์ของคุณ

// jshint esversion:6

จริงๆแล้วคุณสามารถเพิ่มได้ทุกที่ แต่จะมีผลเฉพาะโค้ดที่ตามมาเท่านั้นทำให้คุณสามารถเปิดและปิดการตั้งค่าได้หากคุณหมดหวังที่จะทำอะไรแปลก ๆ

ตรวจสอบให้แน่ใจว่าคุณได้ทำการกำหนดค่าข้างต้นด้วย json แล้ว แต่ยังลบ / ปิดการใช้งานjshintส่วนขยายสำหรับพื้นที่ทำงานด้วยหากคุณใช้eslintและในทางกลับกัน

ปิดการใช้งานส่วนขยาย jshint ของคุณดังนี้: