解决IE浏览器不兼容es6和es6的Promise

最新推荐文章于 2024-04-18 10:22:22 发布
最新推荐文章于 2024-04-18 10:22:22 发布
阅读量2.6k 收藏 5
点赞数
分类专栏： js es6 文章标签： es6 promise ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liangliangdecsdn/article/details/88716820
版权
js 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
es6
1 篇文章 0 订阅
订阅专栏

引入

<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>

即可polyfill.min.js是用来解决不支持es6的Promise
例子如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>解决IE不兼容es6</title>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
    <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>
</head>
<body>
    <div id="bigBox">
        
    </div>
</body>
<script type="text/babel">
    var html =`<ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>`
  console.log('解决IE不兼容es6');
  console.log(document.getElementById('bigBox'));
  
    document.getElementById('bigBox').innerHTML = html
    new Promise(function(resolve,reject) {
        var flag = 1;
        if(flag){
            resolve(flag);
        }
    }).then(function (data) {
        console.log(data);
    })
</script>
</html>
liangliangdecsdn
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决ie浏览器不兼容ES6的js文件browser-polyfill.min.js
08-17
解决ie浏览器不兼容ES6的js文件browser-polyfill.min.js
promise:兼容ES6的Promise库。 PromiseA +实施
05-20
承诺 兼容ES6的Promise库。 承诺/ A +实施。 例子 节点js var Promise = require ( 'modulex-promise' ) ; readFilePromisified ( 'config.json' ) . then ( function ( text ) { // (A) var obj = JSON . parse ( text ) ; console . log ( JSON . stringify ( obj , null , 4 ) ) ; } ) . catch ( function ( reason ) { // (B) // File read error or JSON SyntaxError console . error ( 'An error occurred' , reason ) ; }
ie11兼容es6语法资源包
03-08
1、引入browser.min.js，使用es6语法的script标签加 type="text/babel" 2、引入browser-polyfill.min.js，兼容promise语法
es6-promise-polyfill：ES6承诺polyfill
02-05
ES6 Promise填料 这是的 。 基于是的子集。 如果您需要其他功能和更多调试选项，请查看。 有关API的详细信息以及如何使用Promise，请参见。 笔记 主要目标：实现应与浏览器的实现保持一致，并且尺寸应尽可能小。 因此，它完全是ES6 Promise规范的polyfill，仅此而已。 它通过了和。 最小为2,6KB分钟（或1KB分钟+ gzip）。 setImmediate使用setImmediate如果可用），或使用fallback使用setTimeout 。 使用的setImmediate polyfill可以达到更好的性能。 如何使用 浏览器 安装： bower in
promise不兼容，es6语法报错
WebDestiny的博客
09-29 1387
前言： 在项目中使用到了ES6的Promise对象，代码在谷歌浏览器中正常运行，而在360浏览器下的兼容模式下，IE内核是不支持Promise的。 ES6 promise的支持情况： 一、polyfill.js解决 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> /...
VUE 引入 babel-polyfill支持es6新语法
盏茶作酒的博客
08-26 1297
前两天一个首页项目，想用vue玩耍一下，就用vue-cli搭建了一套vue的开发框架 完成开发、联调和上线后，问题来了 chrome、ff浏览器下都能正常显示的页面，在百度浏览器下愣就显示不出来了 我还以为是调用的uclogin组件包有问题呢，因为他会在url后面用?方式拼接一些formu、appid、u等参数，用于用户登录信息验证成功后redirect到要去的页面 找来之前用过uclogin和已经应用过uclogin的系统，都没有出现过这个问题，那么这个锅就不是uclogin来背了，那么该谁来背这
can't resolve 'core-js/modules/es6.promise' webpack编译es6报错
PromiseCao的博客
04-30 1万+
webpack配置es6编译时引入polyfill去兼容es6的方法，结果遇到无法编译的情况，如下图 啥玩意儿？polyfill一直用得好好的怎么就出问题了？ 赶紧去墙外找了下，最后发现是最近corejs更新了，我安装的是最新版3.x的版本。而新版本已经废弃了polyfill， 取而代之的是需要引入core-js/stable 和regenerator-runtime/runtime...
60个Vue常见问题汇总及解决方案
web前端开发
12-02 2771
来源 |https://www.fly63.com/Q1：安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本 /* cnpm website: ...
解决npm run serve 报错
jaodkjajfbkjasn的博客
05-07 3296
解决启动项目npm run serve报错问题
npm 解决缺失 core-js 的问题
Z_houZhou的博客
04-01 3020
报错信息： 解决方案： 1.更新版本的命令：npm install core-js@2 2.默认的babel.config.js内容需要做对应的修改 module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } # 修改为 module.exports = { presets: [ [...
babel.js 和 polyfill.js 使IE浏览器兼容ES6 babel.rar
06-10
babel.js 和 polyfill.js 使IE浏览器兼容ES6
IE11 兼容 ES6，可适配VUE.js
09-21
在引入其他脚本前先引入browser.min.js。 script标签的type的值设为text/babel。 <script type="text/javascript" src="./babel/browser.min.js"></script> ...在页面引入browser-polyfill脚本： ...
ES6 --- Promise深入学习（五）Promise 内置的6个API，all，allSettled，race，any，resolve/reject
秋天，黄叶坠地，凉风有信。
03-03 1110
Promise API 在 Promise 类中，有 6 种静态方法。我们在这里简单介绍下它们的使用场景。 Promise.all 假设我们希望并行执行多个 promise，并等待所有 promise 都准备就绪。 例如，并行下载几个 URL，并等到所有内容都下载完毕后再对它们进行处理。 这就是 Promise.all 的用途。 语法： let promise = Promise.all([...promises...]); Promise.all 接受一个 promise 数组作为参数（从技术上讲，它可
ES6 Promise 用法讲解
u012174809的专栏
01-18 97
这两年一直在用promise虽熟悉，但也有些不是非常清晰。现在复习下。 ES6 Promise 用法讲解 - 王汉炎 - 博客园
解决IE浏览器不支持es6语法Promise
huangbaokang的博客
09-27 2797
引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> 或 <script type="text/javascript" src ="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6"></script&g...
关于vue项目npm运行报错core-js问题
hollebug的博客
02-08 2857
新年过来，运行公司的vue项目，结果npm run dev 时报错了，重新安装依赖也没什么作用 控制台报错如下： you can run: npm install --save core-js/modules/es6.regexp.replace 百度之后，说使用 npm install core-js@2 结果并没有什么卵用，但是也有同仁分析出可能是版本太低 所以使用了 npm install core-js@latest --save 试了一下，果然生效了 最终原因是因为版本太低导致，百度
Vue的兼容性解决方案Babel-polyfill
前端啤酒屋
10-16 1万+
Babel-polyfill可以抹去旧版本浏览器不熟悉的特征，在babel.config.js中写出 如果有依赖需要 polyfill，你有几种选择： 1. 如果确切知道有兼容性问题的依赖包名，可以配置项目根目录下的vue.config.js，将依赖包名添加到transpileDependencies键中，这会为该依赖同时开启语法语法转换和根据使用情况检测 polyfill。 例如： modul...
npm 报错 Cannot find module 'core-js/modules/es6.regexp.constructor'
热门推荐
小羽向前跑
11-15 3万+
不识别es6语法 cnpm install core-js@2 安装淘宝镜像
ES6导出的mapping结构转为ES8的结构
最新发布
冰川的博客
04-18 336
【代码】ES6导出的mapping结构转为ES8的结构。
vue2 里面es6语法怎么兼容ie浏览器
02-15
你可以在你的 Vue 项目中使用 Babel 来转换你的 ES6 代码。Babel 是一个 JavaScript 编译器，它可以将高级 JavaScript 特性（如箭头函数和类）转换为浏览器可以理解的代码。 你需要在你的 Vue 项目中安装 Babel，然后在你的项目的 build 配置中配置 Babel 转换你的代码。 首先，安装 Babel： ```bash npm install --save-dev babel-cli babel-preset-env ``` 然后，在你的项目的 build 配置中添加一个 babel 配置： ```js module.exports = { // ... build: { // ... babel: { presets: ['env'] } } } ``` 这样，当你使用 Vue-CLI 构建项目时，Babel 将会转换你的 ES6 代码，使它可以在 IE 浏览器中运行。 你也可以使用 polyfills 来兼容某些 ES6 特性。 polyfills 是模拟这些特性的库，使你可以在不支持这些特性的浏览器中使用它们。 你可以使用 @babel/polyfill 来为你的项目提供 polyfills： ```bash npm install --save @babel/polyfill ``` 然后，在你的入口文件（例如 main.js）中引入 @babel/polyfill： ```js import '@babel/polyfill' ``` 这样，当你使用 Vue-CLI 构建项目时，Babel 将会为你的项目提供 polyfills，使它可以在更多的浏览器中运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值