vue專案中,出現在ie與360相容模式下開啟頁面呈現空白問題,如下:
控制台報main.js中語法錯誤~
上網搜了一下,大部分解決方案是在webpack配置中與main.js中引入babel-polyfill進行處理
由於專案是使用webpack.config.js手動搭建,並未使用vue-cli腳手架,引入babel-polyfill之後在ie、360瀏覽器中仍然是顯示空白。。。
原因在webpack.config.js中,載入機只對es或者js檔案的es6語法進行了es5轉換,而.vue檔案中的es6語法並未轉換,ie、360相容模式使用的是ie核心,對es6語法支援不好~
解決方法:
在專案根目錄中,新建乙個.babelrc檔案
裡面書寫
然後再重新啟動webpack -w進行編譯, 完美解決~
vue2 0專案在360相容模式下開啟空白
安裝兩個依賴環境 yarn add babel polyfill d yarn add babel preset es2015 babel cli d 在main.js中引入babel polyfill import babel polyfill 在webpack.base.conf.js檔案中做如...
Vue專案相容IE的placeholder
一 前言 最近在做專案中的相容性處理,由於專案是spa專案,所以對於網上給出的第三方外掛程式解決方案不能滿足專案需求。實現思路 通過vue自定義指令的形式實現ie9及以下的placeholder相容。二 正文 由於專案中使用到了elementui 對於elementui元件也做了單獨處理,如下 va...
IE文件相容模式可以解決360瀏覽器
ie 瀏覽器支援多種文件相容模式,得以因此改變頁面的渲染效果。ie9 模式支援全範圍的既定行業標準,包括 html5 草案 w3c css level 3 規範 草案 svg 1.0規範等 ie8 模式支援許多既定行業標準,w3c css level 2.1 規範和 w3c selectors ap...