vue2.0でIEブラウザが真っ白になる問題の解決方法(詳細手順)

不言
リリース: 2018-09-14 14:55:46
オリジナル
3153 人が閲覧しました

この記事の内容は、vue2.0 での IE ブラウザの白い画面の解決方法 (詳細な手順) です。必要な方は参考にしていただければ幸いです。助けてくれました。

会社の新しく開発されたプロジェクトは IE9 と互換性がある必要があります

index.html ページに追加するだけです

<meta>
ログイン後にコピー

動作しません

要約方法:

IE9/IE10 と互換性がある場合、構文エラーまたは Promise エラーが発生する可能性があります。babel-polyfill

npm install babel-polyfill
ログイン後にコピー

をインストールしてくださいページのエントリで main を設定します。 babel-polyfill

import("babel-polyfill")
ログイン後にコピー

を .js に導入してコンパイル エラーを解決します----重要

重新安装一下webpack-dev-server
npm install webpack-dev-server@2.6.1 如果有淘宝镜像也可使用 cnpm
ログイン後にコピー

build/webpack.base.conf.js

の下を変更します。

vue2.0でIEブラウザが真っ白になる問題の解決方法(詳細手順)

app:[&#39;babel-polyfill&#39;,&#39;./src/main.js&#39;]
ログイン後にコピー

babel-preset-es2015-ieをインストールします

ルート ディレクトリに新しい .babelrc を作成します

{
  "presets": [
    
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}
ログイン後にコピー

上記の操作が完了した後に実行してください

npm run dev
ログイン後にコピー

関連する推奨事項:

ブラウザハックの概要詳細なブラウザ互換性ソリューション

Safari の phpMyAdmin 3.5.8 空白の画面の解決策

以上がvue2.0でIEブラウザが真っ白になる問題の解決方法(詳細手順)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート