由於IE瀏覽器的特殊性,在Chrome或其他瀏覽器下編譯好的程序,在IE下需做特殊的處理,所以IE這個物種的存在,對前端開發人員來說特別痛苦,最近在使用ElementUI前端框架開發項目的過程中就遇到了IE下顯示不了的問題。現將解決方法記錄如下:
PS:ElementUI環境的搭建,請移步:https://www.cnblogs.com/zwliang/p/9840351.html
1.在項目中安裝babel-polyfill,npm install --save babel-polyfill
2.在index.html里面加上:<meta http-equiv="X-UA-Compatible" content="IE=edge" />
3.在main.js里面加入 import 'babel-polyfill'
4.webpack.base.conf.js下修改配置項:
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: ["babel-polyfill", "./src/main.js"]
}
.....}
5.重新運行程序 重新運行程序 重新運行程序 重要的事情說三遍,一定要重新運行
然后用IE瀏覽器訪問程序,顯示正常。