【坑】create-react-app IE11 无法运行

今天笔者重新安装 create-react-app 并运行发现无法在 IE11 上面运作。报错信息提示的是无法识别 ES6 语法。这个意思就是 C.R.A. 已经将依赖分离。理论上讲我们需要自行填入polyfill 才能使之正常运行于老旧浏览器。

解决方案转载自 stack-overflow

1. Create your basic application with npx create-react-app [AppName]
2. Add import react-app-polyfill/ie11; to the VERY top of index.js
3. If you need common standard functions like Array.find() that are not supported in IE 11 add import 'react-app-polyfill/stable'; just below the first line in index.js
4. In package.json copy the production browserlist to development so you can test in IE11
5. Delete the node_modules/.cache directory

【翻译】
1. 创建你的 app。
2. 把 import 'react-app-polyfill/ie11'这句话添加到入口 index.js 的第一行。
3. 如果你需要一些像Array.find()这样的标准方法，你还要紧接着添加import 'react-app-polyfill/stable'这句话。
4. 把 package.json 里面 browserlist 的内容复制到 development 里面，以此你才能在 IE11 中调试。
5. 删除 node_modules/.cache 目录。