当前位置: 首页 > news >正文

Taro解决低版本内核 兼容ES6语法问题Object.entries is not a function

babel-polyfill的引用和使用

 

 

taro 安装一下 npm install --save-dev babel-polyfill

 然后在app.js头部 import 一下就行了

import "babel-polyfill";

前两天一个首页项目,想用vue玩耍一下,就用vue-cli搭建了一套vue的开发框架

完成开发、联调和上线后,问题来了

chrome、ff浏览器下都能正常显示的页面,在百度浏览器下愣就显示不出来了

我还以为是调用的uclogin组件包有问题呢,因为他会在url后面用?方式拼接一些formu、appid、u等参数,用于用户登录信息验证成功后redirect到要去的页面

找来之前用过uclogin和已经应用过uclogin的系统,都没有出现过这个问题,那么这个锅就不是uclogin来背了,那么该谁来背这个锅呢

打开浏览器的debug工具窗口,看到有一个红色的报错警示:vuex requires a Promise polyfill in this browser.

问题已经找到了,那如何来解决呢,百度一下:“vuex requires a Promise polyfill in this browser.”

第一条搜索结果就是:

他说出了问题出现的原因,就是ie9和一些低版本的高级浏览器对es6新语法并不支持,也说出了解决办法

为了方便看帖子同学的使用,再重敲一遍命令行:npm install --save-dev babel-polyfill

这个锅vuex来背一半吧,另外一半让百度浏览器来背吧,谁让你内核版本太低不支持es6新语法的呢。哈哈 

然而送佛没有送到西,只是说了要安装babel-polyfill插件,如何使用可能对于一些刚鼓捣系统构建的同学还是有些懵逼的,这也是我写此帖的目的,我来整理一下再补上这临门一脚?

babel-polyfill用正确的姿势安装之后,引用方式有三种:

1.require("babel-polyfill");

2.import "babel-polyfill";

3.module.exports = {

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

};

注:第三种方法适用于使用webpack构建的同学,加入到webpack配置文件(webpack.config.js)entry项中

重新执行构建命令,在低版本的浏览器中就可以正常打开页面了。

相关文章:

  • git add . 增加所有文件到缓存区 git diff 什么也没有 因为无法比较差异 如果git add 某一个文件 则可以查看变动文件
  • 英语标准答案
  • react hooks 之 useState
  • react hooks useEffect
  • 去掉 deplate(Viki) 生成的 html 文件行尾多余的空格。
  • react hooks useContext
  • 使用Flash Lite 制作手机主题
  • react hooks 规则以及自定义hooks的实现
  • react hooks reducer
  • react hooks 额外的钩子函数
  • 《程序员》杂志06年2月文章:Flash Lite挑战J2ME
  • CSDN Blog升级公告
  • koa文件上传2
  • 怎样成为一个Flash Lite Developer (开发篇)
  • Chat room help file
  • php的引用
  • 【知识碎片】第三方登录弹窗效果
  • Android 架构优化~MVP 架构改造
  • cookie和session
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • happypack两次报错的问题
  • HTML5新特性总结
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • JS基础之数据类型、对象、原型、原型链、继承
  • KMP算法及优化
  • laravel 用artisan创建自己的模板
  • Linux快速复制或删除大量小文件
  • Linux下的乱码问题
  • Python 基础起步 (十) 什么叫函数?
  • Yii源码解读-服务定位器(Service Locator)
  • 阿里云容器服务区块链解决方案全新升级 支持Hyperledger Fabric v1.1
  • 三分钟教你同步 Visual Studio Code 设置
  • 设计模式(12)迭代器模式(讲解+应用)
  • 算法系列——算法入门之递归分而治之思想的实现
  • 新版博客前端前瞻
  • 用mpvue开发微信小程序
  • Unity3D - 异步加载游戏场景与异步加载游戏资源进度条 ...
  • ​Java并发新构件之Exchanger
  • #define,static,const,三种常量的区别
  • #mysql 8.0 踩坑日记
  • ( 用例图)定义了系统的功能需求,它是从系统的外部看系统功能,并不描述系统内部对功能的具体实现
  • (a /b)*c的值
  • (二)斐波那契Fabonacci函数
  • (二)丶RabbitMQ的六大核心
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (附源码)ssm本科教学合格评估管理系统 毕业设计 180916
  • (四)鸿鹄云架构一服务注册中心
  • (五)Python 垃圾回收机制
  • (中等) HDU 4370 0 or 1,建模+Dijkstra。
  • **登录+JWT+异常处理+拦截器+ThreadLocal-开发思想与代码实现**
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .net core 控制台应用程序读取配置文件app.config
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .NET Standard、.NET Framework 、.NET Core三者的关系与区别?
  • .NET Windows:删除文件夹后立即判断,有可能依然存在