Vue3.0兼容IE方法
因为项目需要,必须在IE11上跑现在已经写好的项目。目前的状况是在Chrome上可以顺利的跑起来,在IE就会出现白屏的情况,也会出现下列错误。
会出现各种各样奇怪的语法错误,我猜测是ES6语法IE不支持的缘故。
因为本人也是前端菜鸟,所以花了不少时间,才研究出了一个兼容方法。这里跟大家分享一下,也加深一下自己的理解和记忆。
首先需要Babel-polyfill
Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,所以现在需要Babel-polyfill来实现
①首先安装插件
cnpm install --save --dev babel-polyfill
安装完成后,跑项目的时候可能会出现缺少其他插件,这时候重新运行一遍
npm install即可
②在Vue项目中引入babel-polyfill(main.js)