Vue2.0 之 自帶瀏覽器裡無法開啟(相容IE處理) - 解決方案 命令

蔡俊鋒發表於2017-10-27

Vue 之 android內嵌H5頁面不顯示出現這個問題,原因有很多

首先,別急,請看下面的推薦方案:

1、找個android真機測試下(機型版本為4.4以上),真機聯調測試(如果不知道怎麼聯調,那麼請看這裡:Android真機 - 聯調chrome除錯)


2、如果報 報錯 vuex requires a Promise polyfill in this browser.那麼,就是相容性不夠好,請看下面的解決方案:

首先,使用 node 安裝 *babel-polyfill 命令*

npm install --save-dev -polyfill
  • 1


解決方案如下:

方案1:在 webpack.config.js 檔案中,entry 入口處修改,加入即可

"babel-polyfill":"babel-polyfill",//用來解決的相容性
  • 1

例如:

entry: {
    "babel-polyfill":"babel-polyfill",//用來解決的相容性
    app: path.resolve(__dirname, config.entry.module + "/app.js"),
    vendor: config.entry.vendor
},
  • 1
  • 2
  • 3
  • 4
  • 5


方案2:不修改webpack的情況下,在你的主入口檔案頭部加入,例如:app.js中加入即可

import 'babel-polyfill'
  • 1

例如:

import 'babel-polyfill'

import Vue from 'vue';
Vue.config.debug = true;
  • 1
  • 2
  • 3
  • 4



方案3:也就是使用cdn的資源,以js的檔案加入到html頁面:例如:

<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
  • 1

PS:我沒試過!

相關文章