vue2.5.2 在ie11打開空白的解決方法


1.ie10下加載報錯

解決方法:

1. cnpm安裝babel-polyfill

  cnpm install --save-dev babel-polyfill

2. 在入口文件main.js中倒入:import 'babel-polyfill'

3. 如果也是用了官方腳手架vue-cli,還需要在build文件夾下的webpack.config.js配置文件中做各修改,用

module.exports = {

  entry: {

    app: ["babel-polyfill", "./src/main.js"]

  }

};

替換

module.exports = {

  entry: {

    app: './src/main.js'

  }

}

 

2.另外,

這個問題的也是利用上述方法解決

3.但如果已經安裝並配置babel-polyfill,頁面還是空白,且ie11下無報錯信息。

解決問題的思路:打開ie仿真,將版本切換到ie10,

查看報錯信息:

是關於swiper的報錯信息,最后發現是swiper版本的問題,最新的swiper4在ie中顯示就是會出問題,將版本降到3.4.2就可以顯示了,(降版本的方法:cnpm install --save-dev swiper@3.4.2 )

 vue項目查看插件版本的方法:根目錄下的package.json

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM