我寫了一個(gè)路由衛(wèi)士,只能在谷歌里面正常顯示,但是到了谷歌里面是可以正常進(jìn)行的,但是360,火狐運(yùn)行異常。
babel-polyfill
babel-polyfill?是針對(duì)全局環(huán)境的,引入它瀏覽器就好像具備了規(guī)范里定義的完整的特性,一旦引入,就會(huì)跑一個(gè)?babel-polyfill?實(shí)例。用法如下:
1.安裝 babel-polyfil
npm?install?babel-polyfill?--save
2.在入口文件中引用:
import?'babel-polyfill'
針對(duì)ES6的兼容性問題,很多團(tuán)隊(duì)為此開發(fā)出了多種語法解析轉(zhuǎn)換工具,把我們寫的ES6語法轉(zhuǎn)換成ES5,相當(dāng)于在ES6和瀏覽器之間做了一個(gè)翻譯官。比較通用的工具方案有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
上面的方法 可能針對(duì)最新vue版本存在語法問題,有其他方法來解決,麻煩留言。
原文:http://www.itdecent.cn/writer#/notebooks/34807958/notes/43098287