Sematic UI переопределяет стилизацию страницы начальной загрузки в проекте Projet nextjs

Question

Я работаю над обновлением существующего проекта, и весь проект использует Bootstrap , и единственное место, где я хотел бы заменить bootstrap на семантическуюПользовательский интерфейс находится в компонентах, в которых я определил элементы списка.

Вот что я сделал:

1 - я следовал следующему руководству: Начало работы с семантикойПользовательский интерфейс для установки Реагирует на семантический интерфейс

2 - и в своем теге заголовка я поместил cdn семантического интерфейса пользователя перед загрузкой

Примечание. используйте React Bootstrap для начальной загрузки

Компоненты семантического пользовательского интерфейса отображаются должным образом, но единственная проблема заключается в том, что целые страницы теперь используют семантический пользовательский интерфейс даже мое поле формы, которое я создал с помощью начальной загрузки. Откуда может возникнуть проблема?

Answer 1

Может быть (будет) много конфликтов между SUIR и начальной загрузкой. Вы, вероятно, не должны импортировать весь пакет. Вместо этого установите только необходимые модули. Вы можете найти список отдельных здесь

Некоторые элементы в обоих пакетах имеют одинаковые шаблоны именования, поэтому будут конфликты пространства имен. Вы можете переименовать ключевые слова семантического элемента в semantic.js и semantic.css.