vue 项目、vue-admin-ement项目 在IE、360兼容模式下为空白界面(最新解决方法、亲测有效)

问题

由于对element ui模板的一些配置文件进行删除,配置的js只留下vue.config.js剩余的都进行清除,
导致在IE以及360兼容模式下界面为空白

思路

控制台报的是SCRIPT1003: 缺少 ':' app.js (4519,1) ,这种错误主要看报错这行的开头与末尾,可以看到问题主要出现在哪个文件,如下图,大概可以看出入口配置文件(entry)无法转码导致界面无法正常访问,那么提到转码能联想到的就是babel-polyfill,另外一个需要在对入口配置转码命令。
代码行开头

代码行结尾

解决

首先安装命令
npm install --save babel-polyfill
其次在main.js中导入

import 'babel-polyfill';

配置好这个后需要添加一个与babel对应的配置文件(babel.config.js)
mian.js没有导入 ‘babel-polyfill’ 会报错误,如下图所示
在这里插入图片描述

在这里插入图片描述

主要在babel.config.js 中添加入口命令即可

module.exports = {
    presets: [
        '@vue/app',
        [
            '@babel/preset-env',
            {
                useBuiltIns: 'entry'
            }
        ]
    ]
}
  

注意:修改完配置文件后必须重新运行项目(npm run dev)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值