React应用程序无法正常工作Internet Explorer如何在应用程序重定向到错误页面

问题描述

我有一个React应用程序,该应用程序在Google chrome中可以正常运行,但是在Internet上加载时,请浏览该应用程序,然后在控制台中弹出错误提示

enter image description here

我只是想知道当在IE中加载react app时我们可以重定向页面,说Chrome不支持该应用程序的方法

请让我知道我该怎么做

解决方法

您可以使用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了解更多信息。