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