vue项目在IE浏览器下运行空白问题及解决
作者：张鲁一
IE11浏览器无法解析ES6语法导致Vue项目在IE11下显示空白,解决方法包括安装babel-polyfill,并在项目的main.js文件中引入babel-polyfill,此外,js-base64版本3及以上不兼容IE11,解决办法是使用版本3以下的js-base64,这些措施可以帮助兼容IE11,确保项目正常运行
vue项目在IE浏览器下运行空白问题
问题1：vue项目在IE11下一片空白
原因：
- IE浏览器解析不了es6的语法，需要使用babel。
- 但是Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象
- 以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。
解决：
- 1.在vue项目中安装babel-polyfill
npm install --save-dev babel-polyfill
- 2.在mian.js中引入babel-polyfill（要在代码最上方引入！！！）
import 'babel-polyfill';
问题2：js-base64版本3及以上不兼容IE11报错
原因：
- 版本3及以上不支持IE
解决：
- 1.卸载3以上的版本
npm uninstall js-base64
- 2.安装3以下的版本
npm install js-base64@2.6.2 --save
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。