Chrome: Uncaught SyntaxError: สิ้นสุดการป้อนข้อมูลที่ไม่คาดคิด

เมื่อโหลดหน้าของฉันใน Google Chrome ฉันได้รับข้อผิดพลาดที่คลุมเครือในคอนโซล:

Uncaught SyntaxError: ปลายอินพุทที่ไม่คาดคิด

ฉันไม่รู้ว่าอะไรเป็นสาเหตุ ฉันจะแก้ไขข้อผิดพลาดนี้ได้อย่างไร

ข้อผิดพลาดนี้เป็นข้อเท็จจริงที่น่ารำคาญอย่างหนึ่ง v8. ในกรณีส่วนใหญ่ JavaScript ของคุณใช้งานไม่ได้ ตัวอย่างเช่นขาดหายไป}หรืออะไรทำนองนั้น

ตัวอย่างที่กำหนดสิ่งนี้จะทำให้ "ไม่คาดหวังจุดสิ้นสุดของอินพุต" ด้วย

eval('[{"test": 4}') // notice the missing ]

แต่สาเหตุของปัญหาที่เกิดขึ้นน่าจะเป็นที่ที่มีการร้องขอ JSON URL มีเนื้อหาชนิดของtext/htmlที่ Chrome เห็นได้ชัดว่าพยายามที่จะแยกเป็น HTML ซึ่งจากนั้นจะส่งผลให้ปลายที่ไม่คาดคิดของการป้อนข้อมูลเนื่องจากความจริงที่ว่าแท็กภาพรวมมีการ แจง

ลองตั้งค่าประเภทเนื้อหาเป็นtext/plainฉันคิดว่าควรแก้ไขปัญหา

อย่างไรก็ตาม V8 สามารถทำงานได้ดีขึ้นเกี่ยวกับการบอกสิ่งที่อินพุตสิ้นสุดโดยไม่คาดคิด

ลอง Firebug สำหรับ Mozilla - }มันจะแสดงตำแหน่งของที่หายไป

http://getfirebug.com/

ดูกรณีของฉันในคำถามที่คล้ายกันอื่น:

ในกรณีของฉันฉันพยายามแยก JSON ที่ว่างเปล่า:

JSON.parse(stringifiedJSON);

สิ่งที่เกิดขึ้นคือ:

JSON.parse("");

ฉันได้รับข้อผิดพลาดนี้เมื่อฉันได้ปิดอักขระวงเล็บปีกกา ( }) ในโค้ด JavaScript ตรวจสอบว่าเครื่องมือจัดฟันของคุณมีความสมดุลอย่างเหมาะสม

สำหรับบันทึกสำหรับทุกคนที่พยายามค้นหาสาเหตุต่าง ๆ สำหรับข้อผิดพลาดนี้ แอตทริบิวต์ข้อมูล HTML5 ว่างเปล่า

data-mydata = ''

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

ปัญหาสำหรับฉันคือฉันกำลังทำ $ .ajax พร้อมกับdataType: "json"คำขอ POST ที่ส่งคืน HTTP 201 (สร้างแล้ว) และไม่มีเนื้อหาคำขอ การแก้ไขคือการลบคีย์ / ค่านั้น

JSHintดีในการค้นหาตำแหน่งของวงเล็บที่ขาดหายไปหรือไวยากรณ์ไม่ถูกต้อง

สาเหตุอีกประการของข้อผิดพลาดนี้: หาก API ของคุณตอบกลับโดยไม่มีเจตนา แต่ตอบกลับด้วย200 OKรหัสสถานะแทน204 No Contentรหัสสถานะ ห้องสมุด JavaScript บางแห่งอาจตอบสนองต่อเนื้อหาประเภทที่ไม่คาดคิดได้ดีเมื่อไม่มีเนื้อหาดังนั้นให้ใช้รหัสสถานะที่ถูกต้อง!

จะมีวงเล็บเปิดซึ่งทำให้เกิดข้อผิดพลาดอย่างแน่นอน

ฉันขอแนะนำให้คุณเปิดหน้าใน Firefox จากนั้นเปิด Firebug และตรวจสอบคอนโซล - มันจะแสดงสัญลักษณ์ที่หายไป

ภาพตัวอย่าง:

ปัญหาของฉันเกิดจากแคช Google Chrome ฉันทดสอบสิ่งนี้โดยใช้แอปพลิเคชันเว็บของฉันบน Firefox และฉันไม่พบข้อผิดพลาดนั้น ดังนั้นฉันจึงตัดสินใจลองล้างแคชของ Google Chrome และใช้งานได้

ในกรณีที่โค้ด JavaScript ของคุณถูกย่อขนาดเป็นหนึ่งบรรทัดสาเหตุอื่นสำหรับข้อผิดพลาดนี้ใช้//แทน/**/ความคิดเห็นของคุณ

ไม่ดี (แสดงความคิดเห็นทุกอย่างหลังจาก//รวมการปิด}ฟังก์ชั่นของคุณ)

function example() { //comment console.log('TEST'); }

ดี (จำกัด ความคิดเห็นของคุณ)

function example() { /* comment */ console.log('TEST'); }

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

ฉันประสบปัญหาคล้ายกันโดยใช้คำสั่ง ui bootstrap สำหรับ angularjs - uib-datepicker เมื่อกด am / pm toggle

ข้อผิดพลาดในตัวจัดการเหตุการณ์สำหรับ (ไม่ทราบ): SyntaxError: จุดสิ้นสุดที่ไม่คาดคิดของการเลื่อนเวลาเชิงมุมของอินพุต JSON

ปรากฎว่าเป็นเพราะปลั๊กอิน'Trans-over' (ซึ่งแปลคำเมื่อมีการคลิก) บางทีคำตอบของฉันจะช่วยใครซักคนเพราะฉันไม่พบอะไรบนอินเทอร์เน็ต

เนื่องจากเป็นการดำเนินการแบบอะซิงก์onreadystatechangeอาจเกิดขึ้นก่อนที่ค่าจะถูกโหลดใน responseText ลองใช้ a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); เพื่อดูว่าข้อผิดพลาดยังคงอยู่หรือไม่? BOL

ฉันมีข้อผิดพลาดนี้และแก้ไขได้โดยเพิ่มตัวป้องกันreadyStateและstatusแสดงที่นี่:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
          // Your code here
   }
};

หากคุณมีข้อผิดพลาดที่ Anchor tag เพียงแค่แทนที่ "Onclick" ด้วย "href" หรือ "href" ด้วย "Onclick"

การตั้งค่าAcceptส่วนหัวเป็นapplication/jsonในคำขอทำงานสำหรับฉันเมื่อฉันประสบปัญหาเดียวกัน

การพยายามวิเคราะห์ JSON ที่ว่างเปล่าอาจเป็นสาเหตุของข้อผิดพลาดนี้

เมื่อคุณได้รับการตอบสนองจากเซิร์ฟเวอร์หรืออะไรก็ตามให้ตรวจสอบก่อนว่ามันไม่ว่างเปล่า ตัวอย่างเช่น:

function parseJSON(response) {
    if (response.status === 204 || response.status === 205) {
        return null;
    }
    return response.json();
}

จากนั้นคุณสามารถดึงข้อมูลด้วย:

fetch(url, options).then(parseJSON);