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

转载于:https://www.cnblogs.com/daaasheng/p/11194943.html