Next.js에서 '사용자 정의 이외의 파일에서 전역 CSS를 가져올 수 없습니다' 오류를 어떻게 해결할 수 있나요?

Next.js 전역 CSS 가져오기 문제: 문제 해결 가이드

문제가 무엇입니까?

Next.js 사용자는 "전역 CSS는 사용자 정의 이외의 파일에서 가져올 수 없습니다."라는 오류가 발생합니다. 이 오류는 지정된 사용자 정의 외부 파일에서 전역 CSS를 가져오려는 시도를 나타냅니다. component.

왜 이 오류가 발생했나요?

이 오류는 Next.js 9.2로 업그레이드한 후 @zeit/next-sass와 같은 레거시 CSS 로더를 사용할 때 발생할 수 있습니다. . 또는 next.config.js의 잘못된 구성으로 인해 문제가 발생할 수도 있습니다.

해결 방법

이 문제를 해결하려면 다음 단계를 따르세요.

1. 내장 CSS 로더 사용: @zeit/next-sass를 sass로 교체 package.json에서 next.config.js를 제거하거나 그 안의 CSS 로드를 변경하지 마세요.
2. 전역 CSS를 사용자 정의 로 이동: Next.js 지침에 따라, 전역 CSS를 사용자 정의 페이지/_app.js에 있는 구성 요소.
3. 구성 요소 스타일에 CSS 모듈 사용: 구성 요소 또는 페이지에 특정한 스타일의 경우 CSS 모듈을 활용합니다. 해당 .module.scss 파일을 구성 요소로 가져와 해당 구성 요소에만 스타일을 적용합니다.

예: 전역 CSS를 _app.js로 이동

// pages/_app.js
import '../global-styles/main.scss'

export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

결론

다음 단계를 따르면 "전역 CSS는 사용자 정의 이외의 파일에서 가져올 수 없습니다." 문제를 해결할 수 있습니다. 오류를 확인하고 Next.js 애플리케이션에서 CSS가 올바르게 사용되는지 확인하세요.

위 내용은 Next.js에서 '사용자 정의 이외의 파일에서 전역 CSS를 가져올 수 없습니다' 오류를 어떻게 해결할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!