vue项目在IE浏览器下报错“ReferenceError: Promise未定义”

一、原因

  1. IE一些低版本的浏览器对于ES6语法不支持
  2. Promise是es6语法里为了解决异步函数多重嵌套的问题
    说明: 或许你并没有使用Promise,但是有可能你使用Axios等,其中原理也是Promise,进行了封装而已

二、解决

1、下载  babel-polyfill

npm install --save babel-polyfill

 2、添加

方法一:添加代码到webpack.base.conf.js文件

require("babel-polyfill")
module.exports = {

  entry: ["babel-polyfill", "./app/js"]

}

 方法二:添加代码到main.js文件

import "babel-polyfill"

3、重新运行项目即可

三、babel-polyfill

Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。

举例来说,ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行,必须使用babel-polyfill,为当前环境提供一个垫片。

四、其他问题:IE浏览器请求挂起

参考文章解释:https://blog.csdn.net/wggoeasy/article/details/45169787

你可能感兴趣的:(vue)