react 在IE空白页面的问题

最新推荐文章于 2023-03-27 00:46:41 发布
最新推荐文章于 2023-03-27 00:46:41 发布
阅读量1.3k 收藏
点赞数
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songjinb123/article/details/88311070
版权

最近在做百度地图展示，在google上都没问题，但是要兼容IE，发现其他的报表、table、charts都能打开，但是地图就是空白页，一开始以为是polyfill的问题，后来发现不是，于是在地图里面各个组件排查，后来发现是因为在一个model的state里定义了两个相同的字段，然后IE就不行了

songjinb123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解React项目中碰到的IE问题
10-17
主要介绍了React项目中碰到的IE问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
IE打开react项目空白页 不兼容 react-app-polyfill 使用配置
oihezz的博客
07-09 2657
react-app-polyfill 使用配置 react项目在IE打开不兼容解决办法： 1.安装react-app-polyfill和core-js npm i react-app-polyfill core-js --save 2.在src/index.js引入(需放在首行) import 'core-js/es' import 'react-app-polyfill/ie9' import 'react-app-polyfill/stable' 3.修改package.json "pro
react 版权问题_react兼容ie
weixin_39878760的博客
12-19 257
使用最新版本的 create-react-app(v2.1.0)创建 react 项目时，在 IE 9 & IE 10 中碰到了"Map未定义"的报错：很明显，这是 IE9 对 ES6 的兼容性问题。首先尝试了两种方式：使用 create-react-app 官方提供的react-app-polyfill，然后在入口文件 index.js 中引入：import 'react-app-po...
react 项目使用 react-app-polyfill 兼容IE11以下浏览器打开空白问题
Ryan的博客
06-23 1569
IE11版本以下带来的兼容问题导致页面打开空白： 解决方案: 一、安装 react-app-ployfill npm i react-app-polyfill -S 二、src/index.js 中引入 必须放在 index.js 文件顶部，否则无效。 npm传送门：https://www.npmjs.com/package/react-app-polyfill // This must be the first line in src/index.js import 'react-app-polyf
create react app兼容ie9
“明明很开心”的博客空间
12-18 834
create react app默认情况下不兼容ie9，ie11。当我们需要兼容>=ie9时，则需要用到react-app-polyfill。 开始 我们按照其readme文件进行配置： npm install react-app-polyfill 在入口文件（index.js）中加入以下代码： import 'react-app-polyfill/ie9'; import 'react-app-polyfill/stable'; 同时，我们要配置package.json中的browserslis
create-react-app ios8系统中页面空白/样式错乱问题
weixin_33853827的博客
02-13 687
1. 空白问题 因为缺少polyfill 在public/index.html 中引入如下js <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script> <script src="https://cdnjs.cloudflar...
react-faq:常见问题页面
04-16
它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 ...
react 0.14 支持ie8
12-21
react 15 dom已经不再支持ie8了，压缩包包含两部分的内容，一部分是react 14，一部分是ie8的扩展支持demo
reactie：使React堆栈在IE8中工作的解决方案
02-05
| 英语React堆该解决方案将向您展示如何在IE8中使用React堆栈，那么当客户使用旧版浏览器时，您不必更改技术堆栈。 它使用ES6，Webpack，Babel，ESLint，Ant Design 1.x，React 16，Reach， 等。请参见 。垫片和填料...
react 开发 PC 端项目（一）项目环境搭建 及 处理 IE8 兼容问题
weixin_34124651的博客
01-15 815
步骤一：项目环境搭建 首先，你不应该使用 React v15 或更高版本。使用仍然支持 IE8 的 React v0.14 即可。 技术选型： 1.react@0.14 2.bootstrap3 [email protected] （使用react.js一般不需要使用jquery了） 使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Fa...
React build项目部署后IE浏览器报错：对象不支持"assign"属性或方法的解决（解决ie不兼容的问题）
sinat_39648402的博客
04-24 2185
用React build项目，部署后 IE 浏览器打不开（我用的是 IE11），控制台报错：SCRIPT438：对象不支持"assign"属性或方法。 这是 IE 浏览器 对 ES6 的兼容性问题。 解决方法： 使用 create-react-app 官方提供的react-app-polyfill，然后在入口文件 index.js 中引入： react-app-polyfill软件...
react兼容问题
zhangyizuishuai的博客
03-27 449
3.执行命令 npm run eject 将config配置文件暴露出来，修改文件config/webpack.config.js,把paths.appIndexJs,字段调到最前面。1.通过命令 npm install core-js mutation-observer --save 安装模块。2.然后在项目的js入口文件index.js顶部引入模块 core-js和mutation-observer。在config/webpack.config.js文件里 找到entry字段。
解决create-react-app在ie中打开页面空白的兼容性问题
qq_39471200的博客
06-17 6987
最近使用react官方脚手架create-react-app建立项目的时候发现在ie浏览器打开时显示空白，在主流的chrome、fireFox等浏览器显示是正常的。 打开控制台显示如下 既然提示了语法错误，那么猜想应该是兼容性的问题，看了下浏览器的版本号是ie11。首先我翻了下create-react-app的文档，从中看到了正好有对ie9、ie10、ie11的兼容性问题解决的一个方案。这时需要...
React（四）create-react-app IE打开以及打包部署后页面空白问题
zhengjie0722的博客
04-11 1526
（1）本地测试 本地测试环境解决IE页面空白问题需要安装babel-polyfill yarn add babel-polyfill npm install babel-polyfill 然后再主入口文件index.js中引入babel-polyfill包 import 'babel-polyfill' （2）服务器部署 在package.json文件中添加 "...
create-react-app创建，ie11不兼容
weixin_30551963的博客
07-03 700
按照官方文档使用yarn create react-app centre-app 创建工程，使用yarn start, chrome浏览器可正常访问 但在ie11下报如下图错误 解决方案如下： 1. yarn add react-app-polyfill2. 在src/index.js的最顶部引入import ‘react-app-polyfill/ie11’;import ‘reac...
解决 create-react-app IE 兼容性问题
weixin_34085658的博客
01-20 1731
使用最新版本的 create-react-app（v2.1.0）创建 react 项目时，在 IE 9 & IE 10 中碰到了"Map未定义"的报错： 很明显，这是 IE9 对 ES6 的兼容性问题。首先尝试了两种方式： 使用 create-react-app 官方提供的 react-app-polyfill，然后在入口文件 ...
解决create-react-app创建的项目在IE浏览器空白兼容性问题（支持IE11、IE10、IE9）
jsyxiaoba的博客
11-14 3038
通过create-react-app创建的项目在IE浏览器空白一片，今天来说说解决方案，支持ie9–ie11。 支持IE11的操作 1.检查node_module里面有没有 ‘react-app-polyfill’ 模块，如果没有，通过命令 npm install react-app-polyfill --save 安装。 2.如果有此模块，接下来需要进行修改配置文件 package.json "...
高性能迷你React框架anu在低版本IE的实践
weixin_33801856的博客
06-12 98
理想是丰满的，现实是骨感的，react早期的版本虽然号称支持IE8，但是页面总会不自觉切换到奇异模式下，导致报错。因此必须让react连IE6，7都支持，这才是最安全。但React本身并不支持IE6，7，因此anu使有用武之地了。 https://github.com/RubyLouvre... 但光是anu不行，兼容IE是一个系统性的工...
处理react项目ie11浏览器运行空白问题
sophieLV1993的博客
05-27 1552
1.安装插件"babel-polyfill" npm install babel-polyfill --save package.json引入版本如下 2.在src文件夹下index.js中引入 import 'babel-polyfill'; 如下 3.重启项目即可
react路由懒加载页面跳转中出现空白
最新发布
05-15
在React中使用路由懒加载是一种优化性能的方式，但有时候我们可能会遇到页面跳转时出现空白的问题。这通常是因为路由懒加载的组件加载过程中发生了错误，导致组件加载失败，从而出现空白页面。 解决这个问题的方法...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值