vue ie8의 비호환성 프롬프트를 해결하는 방법

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+를 시뮬레이션합니다.

babel-polyfill을 사용하여 ES6 구문을 ES5로 변환하고 전체 ES2015+ 환경을 시뮬레이션할 수 있습니다. Array.from, Object.sign, Array.prototype.includes.

npm install --save babel-polyfill require("babel-polyfill"); import "babel-polyfill";

Method 2, es6-promise는 Promise

npm install es6-promise require('es6-promise').polyfill();

를 지원합니다. 팁: 이러한 폴리필은 일부 요구 사항을 충족하지만 사실상 프로젝트 크기를 증가시킵니다. 3. 낮은 버전 브라우저 팁

낮은 버전 브라우저와의 호환성은 그 자체로 매우 고통스러운 일입니다. 동시에 IE 브라우저는 기본적으로 이러한 브라우저와 호환되기 위해 너무 많은 작업이 수행되면 과거의 일이 되었습니다.

사용자에게 브라우저를 업그레이드하도록 상기시키는 것도 좋은 생각입니다. 권장 웹사이트: Happy Browsing: VUE 프로젝트에 공개 색인을 포함한 일반 브라우저 다운로드를 제공합니다.

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='
\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728\u592a\u592a\u65e7\u4e86\uff0c\u592a\u592a\u65e7\u4e86 \u7acb\u5373\u5347\u7ea7
';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));