Vue2.0の付属ブラウザで開けない(互換処理)-ソリューション

2187 ワード

Vueのandroid埋め込みH 5ページが表示されないのは、この問題の原因がたくさんあります.
まず、焦らないで、次の推奨案を見てください.
1、androidの実機を探してテストして(機種バージョンは4.4以上)、実機の連調テスト(どのように連調するか分からない場合は、ここを見てください:Androidの実機-連調chromeデバッグ)
2、vuex requires a Promise polyfill in this browser.を間違えた場合は、互換性が不十分です.次のソリューションを参照してください.
まず、nodeインストール*babel-polyfillコマンド*を使用します.
npm install --save-dev -polyfill

ソリューションは次のとおりです.
シナリオ1:webpack.config.jsファイルの中で、entryの入り口は修正して、参加すればいいです
"babel-polyfill":"babel-polyfill",//        

例:
entry: {
    "babel-polyfill":"babel-polyfill",//        
    app: path.resolve(__dirname, config.entry.module + "/app.js"),
    vendor: config.entry.vendor
},

シナリオ2:webpackを変更しない場合は、あなたのメインエントリファイルのヘッダに追加します.例えば、app.jsに入れればいい
import 'babel-polyfill'

例:
import 'babel-polyfill'

import Vue from 'vue';
Vue.config.debug = true;

シナリオ3:つまりcdnのリソースを使用してjsのファイルでhtmlページに追加します:例えば:
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js">script>