vue项目在ie、360兼容模式页面显示空白问题_普通网友的博客-程序员ITS201

技术标签: vue项目在ie、360兼容模式页面显示空白问题  

vue项目中,出现在ie与360兼容模式下打开页面呈现空白问题,如下:
在这里插入图片描述
控制台报main.js中语法错误~
上网搜了一下,大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理
在这里插入图片描述
在这里插入图片描述
由于项目是使用webpack.config.js手动搭建,并未使用vue-cli脚手架,引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。

关注我的微信公众号【前端基础教程从0开始】,加我微信,可以免费为您解答问题。回复“1”,拉你进程序员技术讨论群。回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”,领取300G前端,Java,微信小程序,Python等资源,让我们一起学前端。

原因在webpack.config.js中,加载机只对es或者js文件的es6语法进行了es5转换,而.vue文件中的es6语法并未转换,ie、360兼容模式使用的是ie内核,对es6语法支持不好~

解决方法:
在项目根目录中,新建一个.babelrc文件
里面书写
{ “presets”: [“es2015”] }
然后再重新启动webpack -w进行编译, 完美解决~

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/baidu_41601299/article/details/101703569

智能推荐

Spring MVC_aaaaaaddddsssss的博客-程序员ITS201

Spring MVC 框架目录MVC思想 51.1. Model1和Model2 51.2. MVC思想及其优势 6Spring MVC简介 72.1. 版本 72.2. Struts2与Spring MVC的区别 7入门案例 93.1. 创建项目 93.2. 引入依赖包 123.3. 配置前端控制器(DispatcherServlet) 133.4. 创建Controller类 143.5. 创建核心配置文件 153.6. View视图页面 153.7. 配置Tomcat

Node.js脚本杀掉占用端口的进程_其实还很远的博客-程序员ITS201_如何杀掉nodejs进程

问题:express默认端口为3000,每次手动停止服务。发现该端口被系统正占用,为了避免每次都手工停掉该系统调用,释放端口。执行脚本命令 node ./killl.sh(killl.sh文件)var order='lsof -i :3000';var exec = require('child_process').exec;var qqname='shuai';exec(order,

使用elementui组件,iconfont图标_我在学习呢的博客-程序员ITS201_element ui 使用iconfont

FontClass/Symbol前缀:elementui组件中自带的icon 都是el-icon-开头,避开这个名字就行font Familiy:这个是icon的类名

Node监控文件夹中的文件改变事件_yuanliweii的博客-程序员ITS201

// 需要忽略的文件夹var ignores = '.git,doc,tool,coffee'.split(',')// 有时候修改文件后会连续回调两次,用这个时间过滤掉第二次重复的回调var lastUpdateTime = 0;function watch(dir) { fs.watch(dir, (event, filename)=> { if (ignores.include

css实现箭头流程,css实现横向带箭头步骤流程效果_你好像一条狗啊的博客-程序员ITS201

通过纯css实现圆角的步骤流程效果,扩展性强,可以随意增加减少数量,兼容性ie6+。具体代码:ul{margin:0px; padding:0px; list-style:none;}.wrap{width:960px; height:auto; line-height:30px; margin:100px auto 0;}.step-case{height:40px;}.step-case li...

[论文解读]Threat of Adversarial Attacks on Deep Learning in Computer Vision: A Survey_年糕糕糕的博客-程序员ITS201

Threat of Adversarial Attacks on Deep Learning in Computer Vision: A Survey文章目录Threat of Adversarial Attacks on Deep Learning in Computer Vision: A Survey简介摘要常用术语对抗性攻击用于分类的攻击Box-constrained L-BFGSF...

随便推点

隐语义模型LFM(latent factor model)_weixin_30872499的博客-程序员ITS201

对于某个用户,首先得到他的兴趣分类,然后从分类中挑选他可能喜欢的物品。总结一下,这个基于兴趣分类的方法大概需要解决3个问题。 如何给物品进行分类? 如何确定用户对哪些类的物品感兴趣,以及感兴趣的程度? 对于一个给定的类。选择哪些属于这个类的物品推荐给用户,以及如何确定这些物品在一个类中的权重? 隐含语义分析技术采用基于用户行为统计的自动聚类,较好地解决了上面提出的问题...

网络编程实现远程执行shell指令_肥仔哥哥1930的博客-程序员ITS201_shell网络编程

序今天下午,忙完手里的活,就在想扩展一下之前的java执行shell。之前是通过http请求,发送指令,后端执行,现在想的是网络编程创建服务端,客户端自己run或使用工具,拦截一部分人吧。这么做其实是适合很多所谓的堡垒机,免得无权限登录,但是又需要执行一些命令。废话不多说,直接上码。一、shell执行工具类import org.apache.commons.lang.ArrayUtils;import java.io.BufferedReader;import java.io.InputStr

第六届 虚拟漫游 题目_一个假的程序袁的博客-程序员ITS201

 二.   虚拟漫游  (一)系统基本功能开发一款构建3D场景的软件,以建设数字家园为主题,自行规划自己的虚拟数字家园,数字家园可以以真实场景为蓝本,也可以是纯粹的虚幻场景。要求软件能使玩家在空白的三维空间中交互创建自己的三维场景,最终能使玩家根据自己的设计、规划,创建自己的三维数字家园,因此,在软件要求能完成以下基础功能:1、  创建三维模型库:预先建立创建目标场景所需要的基本几

CVPR历年文集_正统之独孤求败的博客-程序员ITS201

http://openaccess.thecvf.com/menu.pyComputer Vision Foundation open accessThese research papers are the Open Access versions, provided by theComputer Vision Foundation.Except for the

C语言结构体内存对齐_拖鞋爆炒猪大肠的博客-程序员ITS201_c语言结构体内存对齐

结构体内存对齐的意义代码演示及运行结果分析代码演示运行结果展示运行结果分析。gcc对结构体对齐的支持结构体内存对齐的意义(1)结构体中元素对齐访问主要原因是为了配合硬件,也就是说硬件本身有物理上的限制,如果对齐排布和访问会提高效率,否则会大大降低效率。(2)内存本身是一个物理器件(DDR内存芯片,SoC上的DDR控制器),本身有一定的局限性:如果内存每次访问时按照4字节对齐访问,那么效率是最高的;如果你不对齐访问效率要低很多。(3)还有很多别的因素和原因,导致我们需要对齐访问。譬如Cache的一些.

学习笔记——pycharm最详细安装教程_小樊努力努力再努力的博客-程序员ITS201_pycharm安装教程

一、下载安装PyCharm1、进入官网PyCharm的下载地址:链接:http://www.jetbrains.com/pycharm/download/#section=windows.2、professional表示专业版,community是社区版,推荐安装社区版,因为是免费使用的,我选择的是社区版,下载文件的储存位置出现pycharm-community-版本号。、3、点击安装,修改安装路径,建议安装C盘以外位置,修改好以后,点击Next4、建议不选择.py选项,这...