<main>标记在IE11 React应用程序中无法识别

Question

我有一个React应用程序，在IE11的开发人员控制台中输出以下错误：

警告：此浏览器无法识别标记<main> 。 如果要渲染React组件，请以大写字母开头。

我相信这是由于Internet Explorer不支持 <main>元素。

乍一看，我没有发现应用程序有任何问题。 它似乎可以正确渲染，所以这更让我省心，但是有什么方法可以迫使IE识别标记（也许使用html5填充程序或其他方法），以便此控制台错误消失？

Answer 1

尝试挂接console.error并通过在加载react-anime之前将其放置在某处来过滤此消息：

const realError = console.error;
console.error = (...x) => {
  // debugger;
  if (x[0] === 'Warning: The tag <g> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.') {
    return;
  }
  realError(...x);
};

更多详细信息，请检查此线程 。