VUE 引入 babel-polyfill支持es6新语法

港控/mmm° 2023-10-11 14:27 66阅读 0赞

前两天一个首页项目，想用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.”

第一条搜索结果就是：![format_png][]

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

![format_png 1][]

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

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

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

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvOTMwOTE4LzIwMTcwNC85MzA5MTgtMjAxNzA0MTgxNTQyMjY1NzEtMTg1MDkyMDI1OC5wbmc?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZXMyMDE1LmNuYmxvZ3MuY29tL2Jsb2cvOTMwOTE4LzIwMTcwNC85MzA5MTgtMjAxNzA0MTgxNTQ0Mzc3NDMtMTI1Mjc0ODE1Ni5wbmc?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE 引入 babel-polyfill支持es6新语法

前两天一个首页项目，想用vue玩耍一下，就用vue-cli搭建了一套vue的开发框架完成开发、联调和上线后，问题来了 chrome、ff浏览器下都能正常显示的页面，在百度

港控/mmm°/ 2023年10月11日 14:27/ 0 赞/ 67 阅读

相关设置Intellij Idea支持JS ES6语法

在使用箭头函数时，其实代码没有错误，而IDEA却提示报红了，作为强迫症看着很不舒服是因为IDEA在js语法校验时默认的是ES5（ECMAScript 5），这就需要在IDE

怼烎@/ 2023年10月07日 17:59/ 0 赞/ 32 阅读

相关 ES6新语法2

6、数组扩展 6.1 扩展运算符（...） { // 复制数组 let list1 = [1,2,3]; l

系统管理员/ 2023年09月27日 19:49/ 0 赞/ 131 阅读

相关 ES6新语法

1.let 1.1 let命令的作用域只局限于当前代码 <script> { let a =10; var b = 1;

Love The Way You Lie/ 2023年09月27日 19:19/ 0 赞/ 24 阅读

相关 JavaScript ES6新语法入门

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png] 1.let&const let：声明的变量是局部变量 con

超、凢脫俗/ 2023年02月24日 11:06/ 0 赞/ 40 阅读

相关 vue---ES6语法

1：变量声明： var 声明的变量不存在的时候返回notdefind,let声明的变量如果不存在则报错，也就是let没有预编译的功能。const声明的变量，不但不允许提前访

超、凢脫俗/ 2022年12月02日 12:20/ 0 赞/ 227 阅读

相关 [Vue]如何让nodemon监听的server支持es6语法

1.当我们用import的时候 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

青旅半醒/ 2022年12月02日 10:52/ 0 赞/ 238 阅读

相关【ES6】新语法入门篇

【ES6】新语法 let关键字新加入了块级作用域（即在大括号中的就是块级作用域，例如if中）没有变量提升了不能从新定义了就算在全局中

布满荆棘的人生/ 2022年11月21日 11:28/ 0 赞/ 308 阅读

相关 ES6新语法

0.let const > 局部变量,不允许重复声明.const只读常量，一旦声明就无法改变. -------------------- 1. for…of >

朴灿烈づ我的快乐病毒、/ 2022年05月31日 03:59/ 0 赞/ 281 阅读

相关 ES6新语法学习

参考： 1、http://es6.ruanyifeng.com/\docs/let\let-命令 2、https://reactjs.org/tutorial/

分手后的思念是犯贱/ 2021年10月29日 13:34/ 0 赞/ 415 阅读