我写了一个路由卫士,只能在谷歌里面正常显示,但是到了谷歌里面是可以正常进行的,但是360,火狐运行异常。
babel-polyfill
babel-polyfill 是针对全局环境的,引入它浏览器就好像具备了规范里定义的完整的特性,一旦引入,就会跑一个 babel-polyfill 实例。用法如下:
1.安装 babel-polyfil
npm install babel-polyfill --save
2.在入口文件中引用:
import 'babel-polyfill'
针对ES6的兼容性问题,很多团队为此开发出了多种语法解析转换工具,把我们写的ES6语法转换成ES5,相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel,jsx,traceur,es6-shim等。
法一:webpack.base.conf.js中配置
entry: {
app: ["babel-polyfill","./src/main.js"],
}
entry: {
app: "./src/main.js",
"babel-polyfill":"babel-polyfill"
}
法二:在main.js中引入
import 'babel-polyfill'
但上述方法都未生效!
本人亲测下列两种方法可行:
法一:webpack.base.conf.js中配置
entry: {
// "babel-polyfill"用来解决的兼容性
app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
}
法二:
直接引入:
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
---------------------
作者:qq_1076043371
上面的方法 可能针对最新vue版本存在语法问题,有其他方法来解决,麻烦留言。
原文:https://www.jianshu.com/writer#/notebooks/34807958/notes/43098287