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

Question

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

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

我相信这是因为<main> 元素是not supported by Internet Explorer。

乍一看，我没有发现该应用程序有任何问题。它似乎可以正确呈现，所以这更让我安心，但是有什么方法可以强制 IE 识别标签（可能使用 html5 shim 或其他方法），以便此控制台错误消失？

Answer 1

尝试在加载 react-anime 之前挂钩 console.error 并过滤此消息：

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。