vue 在ie 和 360相容模式下無法顯示
我寫了一個路由衛士,只能在谷歌裡面正常顯示,但是到了谷歌裡面是可以正常進行的,但是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
原文:https://www.jianshu.com/writer#/notebooks/34807958/notes/43098287