ie10에서 Vue의 빈 페이지에 대한 디버깅 방법 요약

이번에는 ie10에서 Vue에서 빈 페이지를 디버깅하는 방법을 요약해 보겠습니다. ie10에서 Vue에서 빈 페이지를 디버깅할 때 주의 사항은 무엇입니까?

문제 발견

며칠 전에 작성한 Vue의 일부가 IE에서 비어 있고 f12에 script1003: expected :가 표시됩니다. 그래서 이 글은 이렇습니다...

해결 과정

Baidu, google, json의 마지막 항목에

{
 a: 5,
 b: 4, // 最后一项不能有逗号
}

와 같은 추가 쉼표가 있다고 합니다. 모든 js 파일의 검색 및 수정이 표시되지 않습니다. , 하지만 상황은 아직입니다. . .

다른 방법이 없어서 무적의 현명한 디버깅 기술을 사용했습니다: Comments를 전문에서 한 다음 한 줄씩 주석 처리를 해제하고 마침내 버그 위치를 찾았습니다. 사용자 정의 마우스 오른쪽 버튼 클릭에 문제가 있습니다. 메뉴 플러그인(v-contextmenu). . .

이전부터 스마트한 디버깅 기술을 이어가다 드디어 몇 가지 버그를 발견했습니다. . .

이 플러그인에서 모든 objects의 마지막 항목에는 쉼표가 있어 IE에서 호환되지 않습니다.

{
 a: 5,
 b: 4, // 这个逗号要删除
}

// ie下不支持这种语法
export default {
 bind() {}
}
// 必须在外面定义 function bind() {} 然后
export default {
 bind: bind
}
// 特别告诫，下面这种语法在ie中也是不支持的
export default {
 bind
}

가장 중요한 점은 이 플러그인의 매우 숨겨진 위치에 이 두 줄의 코드가 있다는 것입니다.

if(condition) {
 someArray.push({ a, b })
} else {
 anotherArray.push({ a, b })
}

그리고 { a, b } 이 구문은 IE에서 지원되지 않으며 { a: a, b: b }

아침 내내 이렇게 낭비하고 싶을 것 같나요? 안에? ie를 쓰는 사람은 개라고 말하고 싶어요

위 내용은 ie10에서 Vue의 빈 페이지에 대한 디버깅 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!