vue ie11打包後頁面空白

vue打包後不兼容ie

Promise問題

ie是個神奇的瀏覽器不兼容es6,也就不兼容promise。解決方法

  1. npm install --save babel-polyfill // 安裝babel-polyfill
  2. 修改配置文件
    兩種方案:
    第一種: 在main.js中添加import ‘babel-polyfill’
import Vue from 'vue'
import App from './App'
import router from './router'
import echarts from 'echarts'
import liquidfill from 'echarts-liquidfill'
import elementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import store from './store'
import utils from './utils'
import axios from './api/main'
import 'babel-polyfill'   // 兼容ei不支持promise
第二種: 修改webpack.base.conf.js或webpack.conf.js中文件如圖:
entry: {
   app: ['babel-polyfill', './src/main.js']
   // app: './src/main.js'
},

彩蛋!!!我按照這個步驟改了,本地好用,但是打包之後又有報錯script1010: 缺少標識符,等等
後來排查是jq版本有問題,換了個版本就好了。

最後!!! **ie

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章