本文主要是介绍HTML引入vue一片空白,Vue 在IE中一片空白，解决方案，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
这只企鹅完全可以代表我遇到这个BUG时候的心情。
首先，明确一点，引起这个问题的原因有很多，不能一概而论。
一、Vue-cli 3.0
根据实践，Vue-cli 3.0默认支持ie系列的浏览器，在我使用vue ui 建立的新项目同样可以在IE系列的浏览器上正常显示。所以，出现IE上面一片空白，只能是自己写的文件的问题，网上的一堆配置也没什么用，完全是浪费时间。
本次教程可以针对这个系列的问题有一个完美的解决方法，只是需要较长时间判断。
二、问题简述
Vue-cli 3.0 项目在ie系列浏览器、360兼容模式均无法正常显示，症状为：一片空白。
详情一：360兼容模式一片空白
详情二：APP根节点没有渲染任何Vue相关的东西。
详情三：仅有少量莫名其秒的提示
三、解决方案(二分法)
1.vue入口文件为main.js
剪切main.js中所有代码，
在main.js文件中尝试【参考位置如下】：console.log(123);
尽量靠近最后面
在IE浏览器中能正常打印出来
于是采用二分法，把整个文件的所有行数，直接删除一半代码，两次之后，发现其中一次console.log(123)能正常打印，另一次不能。
经过多次细分之后，终于确定产生这文件的位置了，把路由和import禁掉，发现页面正常显示。
于是，继续到这个组件里面去进行二分法，通过页面是否渲染元素来判断问题所在的位置。最后经过两层组件之后找到了导致IE页面空白的原因，并把其给屏蔽。
至此，结束，重点是二分法，二分法，vue-cli 3.0 生成的项目默认支持IE的，产生这个问题通常是我们引入的东西引起的
问题解决后的页面
这篇关于HTML引入vue一片空白,Vue 在IE中一片空白，解决方案的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
