IE11에서 VueJ가 렌더링되지 않음

IE11에서 VueJ가 렌더링되지 않음

저희 사이트의 대부분은 VueJs로 되어 있습니다.IE 11(또는 Safari 9 이하)에 로딩되지 않는 것을 알게 되었습니다.안타깝게도 IE 11은 여전히 사이트에 대한 트래픽의 10%를 차지합니다.

IE11 개발자 콘솔에서 폴리필을 추가하고 다른 오류를 수정한 후에도 사이트가 로드되지 않습니다.빈 페이지만 보여요.호환성 모드를 엣지로 설정했지만 아직 아무것도 없습니다.콘솔에 오류가 없고 몇 가지 경고만 있습니다.저는 es2015 + babel-polyfill을 꿀꺽으로 실행하고 있습니다.

전에 이 문제를 다뤄본 사람이 있나요?문제의 원인이 되고 있는 코드나 요소를 특정할 때까지, 애플리케이션을 조금씩 떼어낼 필요가 있습니다.IE 11은 디버깅 정보를 제공하지 않기 때문에 며칠이 걸릴 수 있습니다.

여기서의 문제는 마크업 내의 ES6 스타일의 JavaScript였습니다.예제:

<div class="tabs tab_select" data-group="tabs" data-ref="room" v-on:click="(event) => { toggleTab(event, property) }">

필요조건:

<div class="tabs tab_select" data-group="tabs" data-ref="room" v-on:click="toggleTab(event, property)">

인트라넷의 모든 사이트와 마찬가지로 제 웹사이트가 자동으로 호환성 모드로 실행되고 있음을 알게 되었습니다.

이 문제를 해결한 것은 메타 태그를 사용하여 타깃을 필요한 버전으로 설정했기 때문입니다(IE 10의 최소 타깃이 필요했습니다).

<meta http-equiv="X-UA-Compatible" content="IE=10" />

그것을 당신의 index.html에 기입해 주세요.

<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js"></script>

언급URL : https://stackoverflow.com/questions/51580299/vuejs-not-rendering-in-ie11