今天闲来无事折腾一下create-react-app,发现主流浏览器都没有问题。可是ie11却一直报错,真是倔强的很啊。
我翻了下create-react-app的文档,从中看到了正好有对ie九、ie十、ie11的兼容性问题解决的一个方案。这时须要用到react-app-polyfill这个插件。node
文档地址:
https://facebook.github.io/create-react-app/docs/supported-browsers-features
create-react-app github地址:
https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill react
下载安装这个插件
npm install react-app-polyfill
而后在src下的index.js也就是js入口文件中首行写入webpack
import "react-app-polyfill/ie11";
import "react-app-polufill/stable";
而后根据官网的提示,还须要在package.json文件中的browserslist中添加ie11
最后从新运行项目发现仍是空白可是浏览器没有报错,把node_moudles删掉从新安装或者删除目录下面的.cache后从新npm start就能够正常打开了。git
若是create-react-app是3.3.0版本的话还须要修改另一个地方,IE11才不会报错。
issue:https://github.com/facebook/c...
在./node_modules/react-dev-utils/webpackHotDevClient.js:60
增长slashes: true
至此就能在IE11上面看到熟悉的标志啦。github