vue項目在IE瀏覽器下的異常解決

問題描述：

vue-cli2構建vue項目， 在google瀏覽器下渲染、交互正常。在IE11瀏覽器打開頁面未能正常渲染。某單頁面項目是， 導航沒法正常路由。

緣由分析：

分析報錯「Promise」未定義， 推測js的六瀏覽器兼容性問題。

其餘相似報錯[vuex] vuex requires a Promise polyfill in this browser.

解決方案：

step 1. 安裝babel-polyfill npm i -s babel-polyfill

step 2. 項目入口main.js引入babel-polyfill import "babel-polyfill" 或者require("babel-poluyfill")

從新啓動/構建， IE瀏覽器下顯示正常

其餘方案：

• 安裝 npm install --save-dev babel-plugin-transform-runtime
• 安裝 npm install --save babel-runtime
• 配置

{
  "plugins": [
    ["transform-runtime", {
      "helpers": false,
      "polyfill": false,
      "regenerator": true,
      "moduleName": "babel-runtime"
    }]
  ]
}

官方解釋babel-polyfill

官方解釋babel-runtime