共计 1811 个字符，预计需要花费 5 分钟才能阅读完成。
用 angular5 练习，偶然发现，在 Chrome 等浏览器跑飞了的代码，居然在 IE 面前就是战五渣，第一个页面都加载不出来，决心解决下。项目环境就是 ng new 命令生产的默认结构，没有其他特殊设置。F12 开始看后台，一个错误都没有。气急败坏的反复刷新，错误总算出来了（个人猜测这个状况可能是因为我的电脑有问题，理论上应该第一次打开就能看到错误）。object doesn’t support property or method ‘startsWith’ 随便一搜，这个错误很普遍，总结起来就是 IE 的脚步落后了，有些语法不支持，需要 polyfill 的辅助才行。解决方案也很简单，就是重写 polyfill 的对应方法。由于不清楚到底把代码该写在哪里，进项目下查看一番，发现在 src 文件夹下，有一个叫 polyfill.js 的文件。文件打开一看，问题基本上解决了。看下文件内和本次相关的内容：
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import ‘core-js/es6/symbol’;
import ‘core-js/es6/object’;
import ‘core-js/es6/function’;
import ‘core-js/es6/parse-int’;
import ‘core-js/es6/parse-float’;
import ‘core-js/es6/number’;
import ‘core-js/es6/math’;
import ‘core-js/es6/string’;
import ‘core-js/es6/date’;
import ‘core-js/es6/array’;
import ‘core-js/es6/regexp’;
import ‘core-js/es6/map’;
import ‘core-js/es6/weak-map’;
import ‘core-js/es6/set’;
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import ‘classlist.js’; // Run `npm install –save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
import ‘core-js/es6/reflect’;
简单明了，以上代码原来都是注释掉的，相信大家都懂了，打开注释，问题解决了。这部分，相信在其他框架里也有对应的处理，大家细心找一下就 ok。
第一步错误处理搞定，本以为万事大吉，结果又提示了相似的错误，这次是找不到方法 readAsBinaryString（练习中用涉及到了文件读取）。有了前边的经验，搜索起来驾轻就熟，原因还是 IE 的步伐慢，暂时还没支持 readAsBinaryString，解决方案是 readAsArrayBuffer 方法代替。
走着，先判断下浏览器是否支持 readAsBinaryString，然后再决定用哪个方法！
readFile(file: any) {
const reader = new FileReader();
if (!FileReader.prototype.readAsBinaryString) {
reader.onload = (event: any) => {
let binary = ”;
const bytes = new Uint8Array(event.target.result);
const length = bytes.byteLength;
for (let i = 0; i < length; i++) {
binary += String.fromCharCode(bytes[i]);
}
this.readFileContent(binary, file.name);
};
reader.readAsArrayBuffer(file); //IE 浏览器
} else {
reader.onload = (event: any) => {
const data = event.target.result;
this.readFileContent(data, file.name);
};
reader.readAsBinaryString(file); // 其他浏览器
}
}
跑一下，完美解决！
IE 真是程序员的噩梦呀，遇到噩梦，翻个身再睡！
