由于总所周知的原因,部分传统企业使用的都是IE核心的国产浏览器,这些浏览器在访问vue项目时,会出现“语法错误”,页面白板的情况。比如360安全浏览器、360极速浏览器、猎豹安全浏览器、IE11等。
出现这种情况的原因就是目前部分node依赖包使用的是ES2015以上的语法,不能在IE核心下正确解析。
那么如何解决呢?
1.添加依赖
npminstall--savebabel-polyfill
2.添加到main.js中,需要写到第一行
import 'babel-polyfill'
3.在vue.config.js中添加如下
transpileDependencies: [/node_modules[/\\\\](element-ui|vuex)[/\\\\]/]
这一步好多文章有漏掉,但是这一步又可能是必须的,因为babel-polyfill在处理代码时,默认是不处理node_modules文件夹下依赖的项目,添加此项,可以强制对依赖项目进行代码转换。
那么如何知道哪些需要转换呢?
只需要把项目部署起来,用IE浏览器访问,看看是否报错就知道了