호환성 에러 문제 해결하기

Node Sass 버전 6.0.0은 React.js에서 ^4.0.0 || ^5.0.0과 호환되지 않습니다

React.js에서 SCSS를 컴파일하기 위해 sass-loader를 설치할 때 버전 호환성 문제를 겪고 있다면, 문제가 있는 건 당신뿐만이 아닙니다. 많은 개발자들이 이 문제를 마주하고 버전을 낮춰도 문제를 해결하지 못했습니다. 이 문서에서는 이 문제를 해결하기 위한 몇 가지 해결책과 우회 방법을 알아보겠습니다.

node-sass의 폐기 알림

문제 해결 방법에 들어가기 전에, node-sass가 현재 폐기되었다는 것을 알립니다. 커뮤니티는 sass 라이브러리를 사용하기를 권장하고 있습니다. 다음은 전환하는 방법입니다:

npm uninstall node-sass
npm install sass

이렇게 하면 sass가 설치되고 프로젝트에서 node-sass가 제거됩니다. node-sass에 대한 이 폐기 계획은 커뮤니티의 권장사항이므로 이 방법을 따르는 것이 좋습니다.

버전 호환성 해결

node-sass를 계속 사용하려는 경우, Node.js 버전을 기준으로 적절한 버전을 설치할 수 있습니다. 다음 단계를 따르세요:

npm uninstall node-sass
npm install node-sass@4.14.1

“4.14.1”을 사용 중인 Node.js 버전에 해당하는 버전으로 바꿔주세요. Node.js 버전을 확인하려면 node --version 명령을 실행하세요.

대체 방법

패키지 매니저로 yarn을 선호하는 경우, 다음 명령을 사용하여 문제를 해결할 수 있습니다:

yarn remove node-sass
yarn add node-sass

yarn을 사용하여 특정 버전의 node-sass를 설치하는 방법:

yarn add node-sass@4.x.x

node-sass 대신 dart-sass를 사용하는 것도 호환성 문제를 해결하는 데 도움이 될 수 있습니다:

npm uninstall node-sass
npm install sass</pre>

만약 node-sass에 어려움을 겪는다면, 다음과 같은 대안 방법을 시도해볼 수 있습니다:

npm i sass

결론

버전 호환성 문제로 인해 골치를 앓는 것은 괴로운 일일 수 있지만, 위에서 소개한 해결책 중 하나를 따르면 node-sass와 React.js 프로젝트 간의 호환성 문제를 극복할 수 있습니다. 당신의 특정 요구사항과 선호도에 맞게 해결책을 조정하는 것을 기억하세요. 이 문서가 문제를 해결하고 프로젝트를 원활하게 진행할 수 있도록 도움이 되었기를 바랍니다!

참고 자료 : 

reactjs