react引入semantic-ui-css/semantic.css报错

报错内容

TypeError: Cannot read property 'get' of undefined
during rendering of asset asset/inline|data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1Mv...

 方法1：

将node_modules/semantic-ui-css/semantic.css 的19990行删除

The main reason for this is an extra ";" at line 19990 of semantic.css
If removed, everything goes fine.

@font-face {
  font-family: 'Step';
  src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAw... // this line
}

方法2：

@import url('https://cdn.jsdelivr.net/npm/semantic-ui@2/dist/semantic.min.css'); 

方法3：

  @import url('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css'); 

本文出自： 

CSS import breaks webpack 5 compilation · Issue #4287 · Semantic-Org/Semantic-UI-React · GitHubhttps://github.com/Semantic-Org/Semantic-UI-React/issues/4287