Vue ie8 호환되지 않는 솔루션: 1. "babel-polyfill"을 사용하여 ES6 구문을 ES5로 변환합니다. 2. "es6-promise"를 도입합니다. 3. 브라우저를 업그레이드하거나 "(function(w){ if(! (w&&2===w.WebSocket.CLOSING의 "WebSocket")){...}" 그냥 업그레이드로 이동하세요.
이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, DELL G3 컴퓨터
vue ie8 비호환 프롬프트 해결 방법
Vue가 하위 버전 브라우저와 호환되는 문제를 해결하는 쉬운 방법
Vue는 IE8이 에뮬레이트할 수 없는 ECMAScript 5 기능을 사용하기 때문에 IE8 이하를 지원하지 않습니다. .. 그러나 ECMAScript 5와 호환되는 모든 브라우저를 지원합니다. Vuex 및 axios를 사용할 때 브라우저 지원이 필요하며 IE는 Promise를 지원하지 않습니다.
Tip: 프로젝트가 IE 사용자를 지원해야 하는 경우 빌드하지 않는 것이 좋습니다. Vue를 사용하여 더 많은 브라우저 버전을 지원하는 방법
방법 1. Babel-polyfill은 ES2015+를 시뮬레이션합니다.
npm install --save babel-polyfill require("babel-polyfill"); import "babel-polyfill";
Method 2, es6-promise는 Promise
npm install es6-promise require('es6-promise').polyfill();
낮은 버전 브라우저와의 호환성은 그 자체로 매우 고통스러운 일입니다. 동시에 IE 브라우저는 기본적으로 이러한 브라우저와 호환되기 위해 너무 많은 작업이 수행되면 과거의 일이 되었습니다.
(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>';var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));
직접 점프
(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){w.location.replace("http://browsehappy.osfipin.com/");}}(window));
일반적으로 현재 IE 사용자는 기본적으로 매우 적으며 호환될 필요가 없습니다. IE 사용자와 많은 타협을 하는 것은 아마도 사용자에게 브라우저를 업그레이드하도록 강요하는 것이 좋은 선택일 것입니다. 추천 학습: "
vue Video Tutorial위 내용은 vue ie8의 비호환성 프롬프트를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!