IE浏览器报Promise未定义

用vue-cli做的项目,用了promise,结果IE下报promise未定义,甚至在比较老的andriod手机浏览器上会显示空白页面,解决方案如下:

首先安装:babel-polyfill

npm install babel-polyfill --save

然后引入:babel-polyfill

在build目录下,webpack.base.conf.js里

entry: {

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

},

即可。

【说明】vue-cli项目里默认有babel转码器,但是:

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

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

原文地址:https://www.cnblogs.com/c2016c/p/9325162.html

时间: 2024-11-01 11:37:30

IE浏览器报Promise未定义的相关文章

vue项目,ie11 浏览器报 Promise 未定义的错误

报错: {description: "“Promise”未定义", message: "“Promise”未定义", name: "ReferenceEr...", number: -2146823279, stack: "ReferenceEr..."} 解决办法 1.  npm install babel-polyfill --save 2. 在main.ts中 import "babel-polyfill&qu

PHPCMS里的日历插件及在IE下报Calendar未定义

日历代码: <link rel="stylesheet" type="text/css" href="calendar/jscal2.css"/> <link rel="stylesheet" type="text/css" href="calendar/border-radius.css"/> <link rel="stylesheet"

IE浏览器报Promise未定义的错误

背景: 一个vue-cli构建的vue项目,一个使用angular的项目,两个项目在其他浏览器一切正常,但是ie中会报Promise未定义的错误 解决办法: vue的项目: 1.  npm install babel-polyfill --save 2. 在main.ts中 import "babel-polyfill" 3.    如果使用了vuex,则在vuex的index.ts文件中也要  import "babel-polyfill",最好放在 import

ie浏览器 vuejs axios Promise 未定义

随着前端技术的发现,es6语法在被更大范围的使用,而很多的浏览器并不支持ES6,比如IE…… 这里我们介绍几个解决方法. 一.使浏览器兼容ES6基本语法 1.在引入其他脚本前先引入browser.min.js.(脚本下载地址:开发版本browser.js:生产版本browser.min.js.) <script src="{{ asset('js/browser.min.js') }}"></script> 2.script标签的type的值设为text/bab

为啥报错误函数未定义

我在做一个控制NTFS文件夹权限的 vc project东查西找,AddAccessAllowedAceSetSecurityDescriptorDaclSetFileSecurity用这些API可以搞定.但是发现生成的权限只是对文件夹本身生效.而不是我所期望的文件夹与子文件夹及子文件后来发现 AddAccessAllowedAceEx 这个函数支持这个参数.改好代码后,一编译,说这个函数未声明.奇怪啊,我又 #include <winbase.h> 还是不管用.最后一研究.该函数必须要 WI

remainingCharacters谷歌浏览器报错未定义,这到底是不是个属性呢,还是作者没有写清楚?

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script type="text/javascript"> 7 window.onload = function(){ 8 var limitLength = document.getElementById('limit

vue项目,ie 浏览器报 Promise 未定义的错误

1.  npm install babel-polyfill --save 2. 在main.ts中 import "babel-polyfill" 3.    如果使用了vuex,则在vuex的index.ts文件中也要  import "babel-polyfill",最好放在 import Vuex from 'vuex' 的前面 原文地址:https://www.cnblogs.com/hai-cheng/p/8176821.html

在datagrid中,IE浏览器报错:SCRIPT5007: 无法获取属性&ldquo;rowspan&rdquo;的值: 对象为 null 或未定义

项目总采用datagird时,产生界面如下图原本标题上有功能按钮,此时消失   错误:SCRIPT5007: 无法获取属性"rowspan"的值: 对象为 null 或未定义, 造成这种错误的原因大致为:(1) 可能是在datagrid里面下的frozenColumns:[[ {......}]]或者是columns:[[{...},{...}]]   {...}之间多一个逗号(,) 查找原因为:columns定义时中 某个位置多写了 逗号, 仔细检查一下. 实际效果为: 误区:并非是

oracle11g 数据库导出报“ EXP-00003: 未找到段 (0,0) 的存储定义”错误的解决方案

导出oracle11.2.0.2的服务器的数据时,报"EXP-00003: 未找到段 (0,0) 的存储定义"错误.初步分析是由于数据表是空表导致该问题. Oracle 11G在用EXPORT导出时,空表不能导出 11GR2中有个新特性,当表无数据时,不分配segment,以节省空间 解决方法:一. insert一行,再rollback就产生segment了. 该方法是在在空表中插入数据,再删除,则产生segment.导出时则可导出空表.二. 设置deferred_segment_cr