vue專案在ie 360相容模式頁面顯示空白問題

2021-09-29 23:48:30 字數 563 閱讀 4373

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...