С моим приложением Next.js 14 (с использованием маршрутизатора приложений) у меня есть общедоступная доступная область, где я использую Tail Whare для стиля, а затем область администратора, где я хочу использовать библиотеку компонентов мантин. Однако, используя следующий маршрутизатор, навигация из области администратора в область клиента, импортированный мантиновый стиль все еще сохраняется на странице, даже если он не импортируется в файле области клиента. Я понимаю, что он импортируется как глобальный файл CSS, поэтому ожидается такого поведения, однако есть ли способ смягчить это? /> admin/layout.tsx
Код: Выделить всё
import "@mantine/core/styles.css";
...
const AdminLayout: React.FC = ({ children }) => {
return (
{children}
);
};
(public)/layout.tsx
Код: Выделить всё
import "./globals.css";
...
const PublicLayout: FC
= ({ children }) => {
return (
{children}
);
};
Я попытался импортировать клиентскую сторону стилей с помощью Dynamic (() => import ('@Mantine/core/styles.css'), {ssr: false}); , но это абсолютно ничего не сделало. У меня нет никаких других идей, как это исправить, за исключением полной перезагрузки страницы при переключении между этими двумя интерфейсами.
Подробнее здесь:
https://stackoverflow.com/questions/784 ... ted-styles