解决create

您所在的位置:网站首页 ie浏览器跳转不了网页打开是空白页怎么办 解决create

解决create

2024-07-15 15:09| 来源: 网络整理| 查看: 265

最近使用react官方脚手架create-react-app建立项目的时候发现在ie浏览器打开时显示空白,在主流的chrome、fireFox等浏览器显示是正常的。 打开控制台显示如下 在这里插入图片描述 既然提示了语法错误,那么猜想应该是兼容性的问题,看了下浏览器的版本号是ie11。首先我翻了下create-react-app的文档,从中看到了正好有对ie9、ie10、ie11的兼容性问题解决的一个方案。这时需要用到create-react-app这个插件。 文档地址: 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 那么下面首先下载这个插件

npm install react-app-polyfill

然后在src下的index.js也就是js入口文件中写入

import "react-app-polyfill/ie11"; import "react-app-polyfill/stable";

根据官网的提示,还需要在package.json文件中的browserslist中添加ie11

"browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all", "ie 11" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version", "ie 11" ] }

最后重新运行项目发现还是空白但是浏览器没有报错,把node_moudles删掉重新安装后就可以正常打开了。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3