IE11 React应用程序无法识别<main>标签

Question

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

  

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

我认为这是由于<main>元素是not supported by Internet Explorer的事实。

乍看之下，我没有发现应用程序有什么问题。似乎渲染正确，所以这更让我省心，但是有什么方法可以迫使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);
};

更多详细信息，请检查this thread。