Следующие стили приложений JS не работают на страницах после обновления страницы ⇐ CSS

[Anonymous]

Я строю свой первый проект Next.js, мигрирующий из Create-React-App, и у меня есть эта странная проблема. Если я нахожусь на домашней странице и обновлю страницу, стили сохраняют, но если я перейду на страницу «/профиль», например, или на любую другую страницу, кроме страницы, и обновить страницу, стили CSS полностью исчезают.
Вот моя структура папок: < /p>

page.js:

Код: Выделить всё

import BlogSection from '../components/BlogSection.jsx'
import Main from '../components/Main.jsx'
import ServiceSection from '../components/ServiceSection.jsx'
import '../styles/App.css'

export default function Home() {
return (





)
}

layout.js:

Код: Выделить всё

import Footer from '@/components/Footer.jsx';
import Header from '../components/Header.jsx';

export const metadata = {
title: "Movan",
description: "Generated by create next app",
};

export default function RootLayout({ children }) {
return (



{children}



);
}

Я даже не знаю, что попробовать, потому что я совсем не знаком.>

Подробнее здесь: https://stackoverflow.com/questions/782 ... g-the-page