ホームページ > 記事 > ウェブフロントエンド > vue ie8 の非互換性プロンプトを解決する方法
Vue ie8 と互換性のない解決策: 1. "babel-polyfill" を使用して ES6 構文を ES5 に変換します; 2. "es6-promise" を導入します; 3. ブラウザーをアップグレードするか、"(function (w) を渡すように要求します) {if(!("WebSocket" in w&&2===w.WebSocket.CLOSING)){...}" そのままアップグレードに進みます。
#このチュートリアルの動作環境: Windows 10 システム、Vue バージョン 3、DELL G3 コンピューター
vue ie8 の非互換性プロンプトを解決するには?
解決策Vue への以前のバージョンのブラウザと互換性を保つための簡単な方法
Vue は、IE8 ではエミュレートできない ECMAScript 5 機能を使用するため、IE8 以下をサポートしません。ただし、ECMAScript 5 と互換性のあるすべてのブラウザはサポートされます。 Vuex Axios を使用する場合、ブラウザのサポートが必要です: Promise、ただし IE は Promise をサポートしません。 ヒント: プロジェクトで IE ユーザーをサポートする必要がある場合、Vue を使用してビルドすることはお勧めできません。Vue を使用してより多くのブラウザ バージョンをサポートする方法
方法 1. Babel-polyfill で ES2015 をシミュレートする
npm install --save babel-polyfill require("babel-polyfill"); import "babel-polyfill";
メソッド 2、es6-promise は Promise をサポートします
npm install es6-promise require('es6-promise').polyfill();
方法 3、下位バージョンのブラウザに関するヒント
これは、ユーザーにブラウザのアップグレードを促す良い方法でもあります。推奨 Web サイト: Happyブラウジング.
ハッピー ブラウジング: Google、Firefox、360 ブラウザなど、一般的に使用されるブラウザのダウンロードを提供します。次の JS コードを VUE プロジェクトの public\index.html ファイルに追加します。
ブラウザのアップグレードを求めるプロンプト(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));
推奨される学習: 「
vue ビデオ チュートリアル以上がvue ie8 の非互換性プロンプトを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。