vue项目在IE内核下打开显示白屏(亲测可用!!!)

一.安装babel-polyfill库

npm install --save babel-polyfill

 如图

二.在main.js中引入(放在最上面,一定要在第一行)

import 'babel-polyfill' 

三.在vue.config.js中加入

transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : ["*"], 

 

四.在babel.config.js中加入

presets: [
        [
            "@vue/app",
            {
                useBuiltIns: "entry",
            }, 
            '@vue/cli-plugin-babel/preset'
        ]
    ]

//是在presets中 

五.与src同级目录下新建.browserslistrc

 

// 直接复制
> 1%
last 2 versions
not ie <= 8

六.ie不支持路由history,所以路由的mode不要设置了。

posted @ 2023-06-25 10:57  前端朝花夕拾  阅读(337)  评论(0)    收藏  举报