React 不在 IE 兼容性视图中呈现
React not rendering in IE compatibility view
我正在使用来自 create-react-app 的版本,而不是在 IE11
中呈现
在 IE 兼容模式下检查 Intranet 站点。因此在部署后它使用 IE5 或 IE7 模拟器,这会在控制台中显示空白页面并出现一些错误。
我尝试了不同的解决方法:
- 使用 X-UA-Compatible 标签使用 react-helmet
- 在 IIS 中为 X-UA-Compatible 设置响应 header
- setting X-UA-Compatible header in web.config
None 这些作品。
我发现此元标记需要 be set as first child of the head. But using react-helmet it is not possible to place a tag at very top。
有人遇到过类似的问题吗?
编辑:它在 IE11 中运行良好。只是IE兼容性问题
问题可能是 ECMA 6 与 IE 11 的兼容性。您可以将代码转换为 ES5(使用 babel),因为 IE 支持 ES5。
来自 official documentation,React 不支持 IE 9 以下的旧浏览器。你说你 运行 它处于兼容模式,即 IE 5 和 IE 7。React 不支持这些两个IE版本。
您可以在 public/index 的 <head>
中手动添加此元标记 <meta http-equiv="X-UA-Compatible" content="IE=edge">
。html 以覆盖兼容性查看。
此外,您的应用在没有兼容性视图的情况下在 IE 11 中是否运行良好?您也可以关注 使其在 IE 11 上受支持。
我正在使用来自 create-react-app 的版本,而不是在 IE11
中呈现在 IE 兼容模式下检查 Intranet 站点。因此在部署后它使用 IE5 或 IE7 模拟器,这会在控制台中显示空白页面并出现一些错误。
我尝试了不同的解决方法:
- 使用 X-UA-Compatible 标签使用 react-helmet
- 在 IIS 中为 X-UA-Compatible 设置响应 header
- setting X-UA-Compatible header in web.config
None 这些作品。
我发现此元标记需要 be set as first child of the head. But using react-helmet it is not possible to place a tag at very top。
有人遇到过类似的问题吗?
编辑:它在 IE11 中运行良好。只是IE兼容性问题
问题可能是 ECMA 6 与 IE 11 的兼容性。您可以将代码转换为 ES5(使用 babel),因为 IE 支持 ES5。
来自 official documentation,React 不支持 IE 9 以下的旧浏览器。你说你 运行 它处于兼容模式,即 IE 5 和 IE 7。React 不支持这些两个IE版本。
您可以在 public/index 的 <head>
中手动添加此元标记 <meta http-equiv="X-UA-Compatible" content="IE=edge">
。html 以覆盖兼容性查看。
此外,您的应用在没有兼容性视图的情况下在 IE 11 中是否运行良好?您也可以关注