В чем может быть причина, когда при импорте в 'webpack' возникает ошибка?

Question

[Артем]

Подключаю "import 'semantic-ui-css/semantic.min.css'".
Ошибка: 'ERROR in data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1...'?

Answer 1

[Aetae]

Semantic-ui мёртв. Есть активный форк: Fomantic-UI, скорее всего там это пофикшено.

Comments

[Артем]

Ничего не мертво ! Через 'html' 'link' подключаю данный файл и все работает. Дело в том как это импортировать в самом 'js' файле ?

[Артем]

Там шрифты в 'semantic.css' и они ссылаются на определенный ресурс через 'src' , так как у меня не правильно настроен 'webpack' я не могу верно обработать данные и у меня ошибка .
В CRA тоже все хорошо.

@font-face {
  font-family: 'Step';
  src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQ.......................................) format('woff');
}

[Aetae]

Артем, проблема в ;;. css-loader старших версий не понимает такого дерьма. Можешь откатить его на более старую версию. Или таки юзать пофикшеный css, а не неподдерживаемое говно мамонта.

Мертво - это значит что многие годы никто уже не вносит исправлений и изменений. То что ты можешь этот труп куда-то подключить - ну так и Ленин в мавзолее вон лежит.

[Артем]

Спасибо за совет !