在IE兼容性视图中无法渲染

时间:2019-12-12 23:37:32

标签: reactjs internet-explorer-11 react-helmet ie-compatibility-mode helmet.js

我正在使用create-react-app,而不是在IE11中呈现

在IE兼容模式下,将检查Intranet站点。因此,部署后,它将使用IE5或IE7仿真器,这将显示空白页面,并在控制台中出现一些错误。

我尝试了不同的解决方法:

  1. 使用带有反应头盔的X-UA兼容标签
  2. 在IIS中为X-UA兼容设置响应标头
  3. setting X-UA-Compatible header in web.config

这些工作都没有。

我发现此元标记需要be set as first child of the head。但是使用react-helmet是not possible to place a tag at very top

有人可以遇到类似的问题吗?

编辑:在IE11中可以正常工作。仅仅是IE兼容性问题

2 个答案:

答案 0 :(得分:1)

official documentation中,react不支持IE 9以下的旧版浏览器。您说您在兼容模式下运行它,即IE 5和IE7。React不支持这两个IE版本。

您可以在 public / index.html <meta http-equiv="X-UA-Compatible" content="IE=edge">中手动<head>添加此元标记,以覆盖兼容性视图。

此外,在没有兼容性视图的情况下,您的应用是否可以在IE 11中正常运行?您也可以按照this answer使其在IE 11上受支持。

答案 1 :(得分:-1)

问题可能是ECMA 6与IE 11兼容。由于IE支持ES5,因此您可以将代码转换为ES5(使用babel)。