Next.js с использованием CSS -модулей не работают, как и ожидалось в App/About/Mayout.tsx ⇐ Html

[Anonymous]

Я изучаю next.js и имею проблемы с локально осеятельными модулями CSS .
У меня есть каталог About, и внутри, у меня есть компонент , и стили, которые я применял на компоненте макета, не применяется на странице. /> layout.jsx:

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

import styles from "./styles.module.css"

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

About NavBar

{children}


)
}

styles.module.css:

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

.main {
min-height: 100vh;
display: grid;
place-content: center;
background-color: #333;
}

Я следил за следующими модулями JS CSS, но мои стили CSS не применяются.
структура файла
Я использую next js версия 13.2.4 , node js версия 18.15.0

Подробнее здесь: https://stackoverflow.com/questions/758 ... layout-tsx