【问题标题】:React application is not working Internet Explorer how to redirect to error page when the applicationReact 应用程序不工作 Internet Explorer 如何在应用程序时重定向到错误页面
【发布时间】:2020-08-11 15:22:05
【问题描述】:

我有一个 react 应用程序,它在 Google chrome 中运行良好,但在 Internet 浏览中加载时,该应用程序未加载,并且控制台中弹出以下错误

我只是想知道当在 IE 中加载 react 应用程序时,我们可以重定向到默认页面,说应用程序在 chrome 中不受支持

请告诉我该怎么做

【问题讨论】:

标签: reactjs internet-explorer runtime-error load


【解决方案1】:

您可以使用react-device-detect 来检测 IE 并在 React 中呈现一些消息。

你可以使用 npm 或 yarn 安装它:

npm install react-device-detect --save

or

yarn add react-device-detect

如果要检测IE,可以使用isIE选择器:

import {isIE} from 'react-device-detect';

render() {
    if (isIE) return <div> IE is not supported. Download Chrome/Opera/Firefox </div>
    return (
        <div>...content</div>
    )
} 

您也可以参考this article了解更多信息。

【讨论】:

  • 我不确定当我启动应用程序时 isIE 是否正常工作,并且上面的代码应该在 app.js 中正确
  • @dhanalakshmi 您使用的是reactreact-scripts 的哪个版本?我将上面的代码放在index.js 中,它在IE 11 中运行良好。您可以尝试删除node_modules 中的.cache 文件夹并删除IE 浏览器缓存然后重试。代码放置位置可以参考this link
  • 感谢它仅在 IE11 版本 11.1339.17763.0 中无法正常工作,因为它工作正常请让我知道我应该怎么做
  • 您的意思是在其他 IE 11 版本中它可以工作,但在 11.1339.17763.0 中它不能工作?您使用的操作系统版本是什么?控制台有错误吗?您可以尝试检查您是否在该特定 IE 11 版本中使用兼容性视图。
猜你喜欢
  • 2022-01-16
  • 2019-10-18
  • 2021-04-27
  • 1970-01-01
  • 1970-01-01
  • 2021-03-12
  • 2017-11-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多