Модуль не найден: не может разрешить '@styles/globals.css' ⇐ CSS

[Anonymous]

Я следил за учебником по следующему. Код>
В учебном проекте я не получаю ошибки:
Код учебника

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

import '@styles/globals.css';

export const metadata = {
title: "Tutorial ",
description: "Welcome to the Tutorial"
}

const RootLayout = ({children}) => {
return (


{children}


);
};

export default RootLayout;

Но на моем собственном проекте я получаю ошибку
my code

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

import '@styles/globals.css';

export const metadata = {
title: "Application 2",
description: "Welcome to application 2"
}

const RootLayout = ({children}) => {
return (


{children}


);
};

export default RootLayout;

оба файла next.config идентичны с точки зрения строк кода
next.config.js

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

/** @type {import('next').NextConfig} */
const nextConfig = {
experimental: {
appDir: true,
serverComponentsExternalPackages: ["mongoose"],
},
images: {
domains: ['lh3.googleusercontent.com'],
},
webpack(config) {
config.experiments = {
...config.experiments,
topLevelAwait: true,
}
return config
}
}

module.exports = nextConfig

..., но единственная разница в моем коде, кажется, есть проблема с последней строкой модуль.exports = nextconfig . Кажется, я не могу выяснить, что это такое.
Проблема визуализирована - вы можете увидеть в учебном коде, модуль распознается, но не распознается в моем
учебный код

my code

Вы можете увидеть Word Module не выделен в моем коде

Подробнее здесь: https://stackoverflow.com/questions/763 ... lobals-css