Глобальный CSS Next.js нельзя импортировать из файлов, отличных от вашего пользовательского <приложения>. ⇐ CSS

[Anonymous]

Мое приложение React работало нормально, также используя глобальный CSS.
Я запустил npm i next-images, добавил изображение, отредактировал файл next.config.js , запустил npm run dev и теперь получаю следующее сообщение:

Глобальный CSS нельзя импортировать из файлов, отличных от вашего пользовательского . Пожалуйста, переместите весь глобальный импорт CSS на страницы/_app.js.

Подробнее: https://err.sh/next.js/css-global

Я проверил документацию, но инструкции показались мне немного запутанными, поскольку я новичок в React.
Кроме того, почему эта ошибка может произойти сейчас? Как вы думаете, это как-то связано с установкой npm?
Я пытался удалить новые файлы, добавленные вместе с их кодом, но это не решило проблему. Я также попробовал то, что предлагает Подробнее:
Мой компонент самого высокого уровня:
import Navbar from './Navbar';
import Head from 'next/head';
import '../global-styles/main.scss';

const Layout = (props) => (


Bitcoin Watcher



{props.children}


);

export default Layout;

Мой next.config.js
// next.config.js
const withSass = require('@zeit/next-sass')
module.exports = withSass({
cssModules: true
})

Мой файл main.scss
@import './fonts.scss';
@import './variables.scss';
@import './global.scss';

мой global.scss
body {
margin: 0;
}
:global {
.marginsContainer {
width: 90%;
margin: auto;
}
}

Самым странным мне кажется то, что эта ошибка возникла без каких-либо изменений в CSS или Layout.js, и раньше она работала.
Я переместил импорт main.scss на страницуpages/_app.js, но стили по-прежнему не отображаются. Вот как выглядит страница _app.js
import '../global-styles/main.scss'

export default function MyApp({ Component, props }) {
return
}


Подробнее здесь: https://stackoverflow.com/questions/609 ... custom-app