es6兼容性问题解决

进来进入一家新的公司，很无奈的接到了前员工的锅。下面就是接锅系列。

今天要解决的是兼容性问题。这个项目是直接引入的vue的js文件，然后直接在每一个页面中都创建一个vue实例，那其实也可以，但是呢就是会遇到es6语法不兼容问题，包括ie下不能访问。

解决方法

1.引入browser.min.js。（脚本下载地址：开发版本browser.js；生产版本browser.min.js。），然后呢将script标签的type的值设为text/babel。如下图：

2.Babel 默认只转换新的 JavaScript 句法，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁）的技术。脚本下载地址：开发版本browser-polyfill.js；生产版本browser-polyfill.min.js。

我这里两种都采取了。所以上图中我全部都引入了。

举一反三

如果用了vue脚手架搭建的项目或者是纯vue项目那么可以用webpack 去安装 babel-polyfill 然后在入口文件中引入。如果项目报错那么就需要你安装babel来解析这语法了。

es6兼容性问题解决相关推荐

关于Horizon 7 Agent与远程桌面（mstsc）兼容性问题解决办法
关于Horizon 7 Agent与远程桌面(mstsc)兼容性问题解决办法在Horizon 7环境中,在桌面模板安装了Horizon Agent后,就无法直接通过微软的远程桌面(mstsc)工具连 ...
HTML`CSS_网站页面不同浏览器兼容性问题解决
HTML`CSS_网站页面不同浏览器兼容性问题解决参考文章: (1)HTML`CSS_网站页面不同浏览器兼容性问题解决 (2)https://www.cnblogs.com/phoebeyue/p/ ...
Nodejs下的ES6兼容性与性能分析
2019独角兽企业重金招聘Python工程师标准>>> ES6标准发布后,前端人员也开发渐渐了解到了es6,但是由于兼容性的问题,仍然没有得到广泛的推广,不过业界也用了一些折中性的方 ...
页面在360浏览器下的兼容性问题解决
页面在360浏览器下的兼容性问题解决参考文章: (1)页面在360浏览器下的兼容性问题解决 (2)https://www.cnblogs.com/yangykaifa/p/7102497.html ...
iframe在ie和firefox中的高度兼容性问题解决
iframe在ie和firefox中的高度兼容性问题解决参考文章: (1)iframe在ie和firefox中的高度兼容性问题解决 (2)https://www.cnblogs.com/haore1 ...
WIN10安装VS2013出现兼容性问题解决
WIN10安装VS2013出现兼容性问题解决参考文章: (1)WIN10安装VS2013出现兼容性问题解决 (2)https://www.cnblogs.com/techrich/p/7146016 ...
Kylin兼容性问题解决
Kylin兼容性问题解决问题:由于Kylin的安装需要很多依赖,和你架构系统中安装的各种依赖的版本不一致,会导致兼容性问题 1.kylin启动时会从hbase classpath命令的输出中寻找hb ...
VS2005在Win7上兼容性问题解决
转自:http://blog.sina.com.cn/s/blog_4ce1e0e30100q1yg.html VS2005在Win7上兼容性问题解决你先选择"运行程序",安装成 ...
微信内置浏览器及华为小米QQ浏览器关于使用rem的兼容性问题解决
一.问题描述在做移动端h5页面开发的时候,rem的使用简直是屏幕适配的利器,但是,它在也存在兼容性问题: 在微信内置浏览器及华为小米内置及QQ浏览器访问rem做的h5的时候,由于设置部分字体过小,以 ...
Babel下的ES6兼容性与规范
ES6标准发布后,前端人员也开发渐渐了解到了es6,但是由于兼容性的问题,仍然没有得到广泛的推广,不过业界也用了一些折中性的方案来解决兼容性和开发体系问题,但大家仍很疑惑,使用ES6会有哪些兼容性问题 ...

es6兼容性问题解决

es6兼容性问题解决相关推荐

最新文章

热门文章