Chrome : Uncaught SyntaxError : 예기치 않은 입력 끝

Chrome에서 내 페이지를로드 할 때 콘솔에 모호한 오류가 발생합니다.

잡히지 않은 구문 오류 : 예기치 않은 입력 끝

무엇이 원인인지 전혀 모르겠습니다. 이 오류를 디버깅하려면 어떻게해야합니까?

이 특별한 오류는 v8. 대부분의 경우 JavaScript는 어떤 식 으로든 손상되었습니다. 예를 들어 a }또는 이와 유사한 것이 누락되었습니다 .

예를 들어, 이것은 "예기치 않은 입력 끝"을 생성합니다.

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

그러나 문제의 근본 원인은 요청 JSON URL이 있습니다 것 같다 콘텐츠 형식 의 text/html크롬은 분명히 사실 때문에 입력의 예상치 못한 말에 다음 결과가 포함 된 이미지 태그가되고 있음을 HTML로 구문 분석을 시도하는을 파싱되었습니다.

Content-Type 을 설정하여 text/plain문제를 해결해야한다고 생각하십시오.

그럼에도 불구하고 V8은 입력이 예기치 않게 종료 된 위치를 정확하게 알려주는 더 나은 작업을 수행 할 수 있습니다.

Mozilla 용 Firebug를 사용해보십시오 }. 누락 된 위치가 표시됩니다 .

http://getfirebug.com/

다른 비슷한 질문에 대한 내 사례 를 보십시오 .

필자의 경우 빈 JSON을 구문 분석하려고했습니다.

JSON.parse(stringifiedJSON);

즉, 다음과 같은 상황이 발생했습니다.

JSON.parse("");

}JavaScript 코드에서 닫는 중괄호 문자 ( )를 생략하면이 오류가 발생 합니다. 버팀대가 올바르게 균형을 이루는 지 확인하십시오.

기록을 위해이 오류의 다양한 원인을 찾으려고하는 사람. 빈 HTML5 데이터 속성

data-mydata = ''

오류도 발생합니다. 데이터 값이 널 문자열인지 확인하고 속성을 전혀 포함하지 않아야합니다. 이것은 스크립트 생성 HTML과 크게 관련이 있습니다.

나를위한 문제 dataType: "json"는 HTTP 201 (작성)을 반환하고 요청 본문이없는 POST 요청에 대해 $ .ajax를 수행하고 있다는 것 입니다. 수정은 단순히 해당 키 / 값을 제거하는 것이 었습니다.

JSHint 는 괄호가 없거나 구문이 잘못된 위치를 찾는 데 능숙합니다.

이 오류의 또 다른 원인 : API가 응답 본문없이 의도적으로 응답하지만 200 OK상태 코드 대신 상태 코드로 응답하는 경우 204 No Content입니다. 일부 JavaScript 라이브러리는 컨텐츠가 없을 때 예기치 않은 컨텐츠 유형에 제대로 응답하지 않을 수 있으므로 올바른 상태 코드를 사용하십시오!

분명히 오류가 발생한 열린 브래킷이있을 것입니다.

Firefox에서 페이지를 연 다음 Firebug를 열고 콘솔을 확인하는 것이 좋습니다. 누락 된 기호가 표시됩니다.

스크린 샷 예 :

내 문제는 Chrome 캐시와 관련이 있습니다. Firefox에서 웹 응용 프로그램을 실행하여 이것을 테스트했지만 오류가 발생하지 않았습니다. 그래서 나는 Chrome의 캐시 비우기를 시도하기로 결정했습니다.

JavaScript 코드가 한 줄로 축소 된 경우이 오류의 또 다른 원인 //은/**/ 주석 .

나쁨 ( 함수 //종료 }를 포함하여 모든 내용을 주석 처리 함 )

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

좋음 (댓글 포함)

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

제 경우에는 자바 스크립트를 동적으로 추가하고 문자열 템플릿에서 큰 따옴표를 2 번 사용하여 두 번째 따옴표를 작은 따옴표로 변경하고 오류가 사라졌습니다. 같은 이유로 여기에 오는 사람들도 도움이 되길 바랍니다.

am / pm 토글을 누를 때 angularjs-uib-datepicker에 대한 UI 부트 스트랩 지시문을 사용하여 비슷한 문제에 직면했습니다.

(알 수 없음)에 대한 이벤트 핸들러 오류 : 구문 오류 : 예기치 않은 JSON 입력 각도 시간 선택기 끝

플러그인 'Trans-over' (클릭했을 때 단어를 번역) 때문이었습니다. 인터넷에서 아무것도 찾지 못했기 때문에 내 대답이 누군가를 도울 것입니다.

비동기 작업이므로 onreadystatechangeresponseText에 값이로드되기 전에 발생할 수 있으므로 a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); 를 사용 하여 오류가 지속되는지 확인하십시오. 볼

이 오류가 있었고에 가드를 추가하여 고정 readyState하고 status여기에 표시된 :

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

앵커 태그에서 오류가 발생하면 "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);