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

编程知识 更新时间:2023-05-01 23:14:59

问题

由于对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)

更多推荐

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

本文发布于:2023-04-24 11:38:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/66c9099155e0fce4371ad65ebda77cc8.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:项目   解决方法   空白   界面   模式下

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 100449文章数
  • 26043阅读数
  • 0评论数