不断收到此错误 SyntaxError 类是保留标识符

Question

我无法找到此代码中的错误 我经常收到这个错误 SyntaxError class is a reserved identifier

    import React from 'react';

class IconFilter extends React.PureComponent {
  render() {
    return (
      <svg width='20' height='16' viewBox='0 0 20 16'>
        <path
          fillRule='evenodd'
          clipRule='evenodd'
          d='M1.5 5.75C1.5 6.439 2.061 7 2.75 7C3.439 7 4 6.439 4 5.75C4 5.061 3.439 4.5 2.75 4.5C2.061 4.5 1.5 5.061 1.5 5.75ZM3.5 0.75V3.117C4.65 3.446 5.5 4.495 5.5 5.75C5.5 7.005 4.65 8.054 3.5 8.383V15.25C3.5 15.664 3.164 16 2.75 16C2.336 16 2 15.664 2 15.25V8.383C0.85 8.054 0 7.005 0 5.75C0 4.495 0.85 3.446 2 3.117V0.75C2 0.336 2.336 0 2.75 0C3.164 0 3.5 0.336 3.5 0.75ZM9.75 11.5C9.061 11.5 8.5 10.939 8.5 10.25C8.5 9.561 9.061 9 9.75 9C10.439 9 11 9.561 11 10.25C11 10.939 10.439 11.5 9.75 11.5ZM10.5 7.617V0.75C10.5 0.336 10.164 0 9.75 0C9.336 0 9 0.336 9 0.75V7.617C7.85 7.946 7 8.995 7 10.25C7 11.505 7.85 12.554 9 12.883V15.25C9 15.664 9.336 16 9.75 16C10.164 16 10.5 15.664 10.5 15.25V12.883C11.65 12.554 12.5 11.505 12.5 10.25C12.5 8.995 11.65 7.946 10.5 7.617ZM16.75 7C16.061 7 15.5 6.439 15.5 5.75C15.5 5.061 16.061 4.5 16.75 4.5C17.439 4.5 18 5.061 18 5.75C18 6.439 17.439 7 16.75 7ZM17.5 3.117V0.75C17.5 0.336 17.164 0 16.75 0C16.336 0 16 0.336 16 0.75V3.117C14.85 3.446 14 4.495 14 5.75C14 7.005 14.85 8.054 16 8.383V15.25C16 15.664 16.336 16 16.75 16C17.164 16 17.5 15.664 17.5 15.25V8.383C18.65 8.054 19.5 7.005 19.5 5.75C19.5 4.495 18.65 3.446 17.5 3.117Z'
          fill='#555555'
        />
      </svg>
    );
  }
}

export default IconFilter;

Answer 1

看起来class 没有在错误来源的浏览器上实现。

查看https://caniuse.com/?search=class 告诉我们这很可能是 IE（或 Opera Mini）。

一旦你弄清楚是哪个浏览器（和版本）引发了错误，你就需要决定是否支持它。

如果是，您必须通过Babel 之类的方式运行您的代码，以创建可在这些浏览器上运行的代码。