Chrome: Uncaught SyntaxError: Kết thúc đầu vào không mong đợi

Khi tải trang của tôi trong Google Chrome, tôi gặp một lỗi mơ hồ trong bảng điều khiển:

Lỗi cú pháp chưa được sửa: Chưa xác định phần kết thúc nhập liệu

Tôi không biết cái gì gây ra nó. Làm thế nào tôi có thể sửa lỗi này?

Lỗi đặc biệt này là một thực tế khó chịu về v8. Trong hầu hết các trường hợp, JavaScript của bạn bị hỏng theo một cách nào đó. Ví dụ thiếu một }hoặc một cái gì đó như thế.

Ví dụ đã cho, điều này cũng sẽ mang lại "Kết thúc đầu vào không mong đợi":

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

Nhưng nguyên nhân gốc rễ của vấn đề dường như là url JSON yêu cầu có một Content-Type của text/htmlmà Chrome dường như cố gắng để phân tích dưới dạng HTML, sau đó kết quả vào cuối bất ngờ của đầu vào do thực tế rằng các thẻ hình ảnh bao gồm đang được phân tích cú pháp.

Hãy thử đặt Loại nội dung thành text/plainTôi nghĩ rằng nó sẽ khắc phục được sự cố.

Tuy nhiên, V8 có thể thực hiện công việc tốt hơn về việc nói chính xác nơi đầu vào kết thúc bất ngờ.

Hãy thử Fireorms cho Mozilla - nó sẽ hiển thị vị trí của người mất tích }.

http://getfireorms.com/

Xem trường hợp của tôi về một câu hỏi tương tự khác :

Trong trường hợp của tôi, tôi đã cố phân tích một JSON trống:

JSON.parse(stringifiedJSON);

Nói cách khác, những gì đã xảy ra như sau:

JSON.parse("");

Tôi gặp lỗi này khi tôi đã sử dụng ký tự dấu ngoặc nhọn ( }) trong mã JavaScript. Kiểm tra xem niềng răng của bạn đã được cân bằng đúng chưa.

Đối với hồ sơ, cho bất cứ ai cố gắng tìm các nguyên nhân khác nhau cho lỗi này. Thuộc tính dữ liệu HTML5 trống

data-mydata = ''

gây ra lỗi quá. Bạn nên kiểm tra khi giá trị dữ liệu là một chuỗi null và hoàn toàn không bao gồm thuộc tính. Không cần phải nói điều này phần lớn có liên quan đến HTML được tạo.

Vấn đề đối với tôi là tôi đã thực hiện $ .ajax với dataType: "json"yêu cầu POST trả về HTTP 201 (đã tạo) và không có phần yêu cầu. Cách khắc phục chỉ đơn giản là loại bỏ khóa / giá trị đó.

JSHint rất giỏi trong việc tìm vị trí của dấu ngoặc bị thiếu hoặc cú pháp xấu.

Một nguyên nhân khác gây ra lỗi này: nếu API của bạn cố tình phản hồi không có nội dung phản hồi, nhưng phản hồi bằng 200 OKmã trạng thái thay vì 204 No Contentmã trạng thái. Một số thư viện JavaScript có thể không đáp ứng tốt với các loại nội dung không mong muốn khi không có nội dung, vì vậy hãy sử dụng mã trạng thái chính xác!

Chắc chắn sẽ có một khung mở gây ra lỗi.

Tôi khuyên bạn nên mở trang trong Firefox, sau đó mở Fireorms và kiểm tra bảng điều khiển - nó sẽ hiển thị biểu tượng bị thiếu.

Ảnh chụp màn hình ví dụ:

Vấn đề của tôi là với bộ nhớ cache của Google Chrome. Tôi đã kiểm tra điều này bằng cách chạy ứng dụng web của mình trên Firefox và tôi không gặp phải lỗi đó. Vì vậy, sau đó tôi đã quyết định thử làm trống bộ nhớ cache của Google Chrome và nó đã hoạt động.

Trong trường hợp mã JavaScript của bạn được rút gọn thành một dòng, một nguyên nhân khác gây ra lỗi này là sử dụng //thay vì /**/nhận xét của bạn.

Xấu (nhận xét mọi thứ sau khi //bao gồm đóng }cho chức năng của bạn)

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

Tốt (giới hạn bình luận của bạn)

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

Trong trường hợp của tôi, tôi đã thêm javascript động và sử dụng dấu ngoặc kép 2 lần trong các mẫu chuỗi nên tôi đã thay đổi dấu ngoặc kép thành dấu ngoặc đơn và lỗi đã biến mất. Tôi hy vọng nó sẽ giúp một số người đến đây vì lý do tương tự.

Tôi gặp phải vấn đề tương tự khi sử dụng chỉ thị ui bootstrap cho angularjs - uib-datepicker, khi nhấn am / pm để chuyển đổi.

Lỗi trong trình xử lý sự kiện cho (không xác định): SyntaxError: Kết thúc không mong muốn của đồng hồ góc đầu vào JSON

Hóa ra đó là vì plugin 'Trans-over' (dịch một từ khi nó được nhấp). Có lẽ câu trả lời của tôi sẽ giúp được ai đó, vì tôi không tìm thấy gì trên internet.

Vì đó là một hoạt động không đồng bộ, điều onreadystatechangenày có thể xảy ra trước khi giá trị được tải trong responsText, hãy thử sử dụng a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); để xem lỗi có còn không? BOL

Tôi đã có lỗi này và sửa nó bằng cách thêm bảo vệ readyStatevà statushiển thị ở đây:

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

nếu bạn gặp lỗi ở thẻ Anchor, chỉ cần thay thế "Onclick" bằng "href" hoặc "href" bằng "Onclick"

Đặt Accepttiêu đề thành application/jsontrong yêu cầu làm việc cho tôi khi tôi gặp vấn đề tương tự.

Cố gắng phân tích cú pháp JSON trống có thể là nguyên nhân gây ra lỗi này.

Khi bạn nhận được phản hồi từ máy chủ hoặc bất cứ điều gì, hãy kiểm tra trước nếu nó không trống. Ví dụ:

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

Sau đó, bạn có thể tìm nạp với:

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