当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法

Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法

2020年07月27日  | 移动技术网IT编程  | 我要评论

Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法

解决方法：ES6转ES5

cdn引入形式

3点：正常编写vue,修改script 类型type=“text/babel”，引入browser.min.js
遇到一些API不转化的情况使用polyfill.min.js

  1. 正常编写vue 注意类型修改：type=“text/babel”
<script type="text/babel" src="my.js">
//或
<script type="text/babel">
    var main = new Vue({
        el: '#main',
        data: {}
        })
</script>
  1. 引入browser.min.js， 为以防万一 polyfill.min.js
<script type="text/javascript" src="./js/browser.min.js"></script>
<script type="text/javascript" src="./js/polyfill.min.js"></script>

下载browser.min.js+polyfill.min.js

cli脚手架

1.安装babel-polyfill

npm install babel-polyfill --save-dev

2.修改注入 webpack.base.conf.js

module.export ={
		entry:{
			app:['babel-polyfill','./src/main.js']
		}
	}

记录一下其他网友的解决方法（未试过，之后试试）：

使用babel-cli把es6转为es5.再引用es5.
https://www.cnblogs.com/w-s-l123/p/9729133.html
具体流程：
1：进入项目
2：找到要转换的js文件。(如果是在script标签中写的，要抽离出来，否则无法转换)
3：Babel的安装：npm install -g babel-cli // -g 表示全局安装到 nodejs 下的目录
4：将 Babel 的转换插件安装到项目的目录中：npm install babel-preset-es2015 --save
5：执行手动转换命令：babel es6.js(要转换的) --out-file es5.js(转换后) --presets es2015
6: 引用转换后的js.
7：OK，完美解决。
优化：
如果我们每次修改代码都手动转换太过麻烦，加个自动监听的参数：-w--------：babel es6.js -w --out-file es5.js --presets es2015

本文地址：https://blog.csdn.net/github_38854224/article/details/107560466

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网