node-sass 호환 오류

어쩌다보니 React! ( 무슨 웹툰 제목같은 인생... ) 을 하게되어서 공부하던 중, Sass 를 사용한 예제를 만드는데 오늘도 어김없이 나를 찾아온 내 멘탈을 망칠 나의 Error....

한가지 예제에 두가지 에러를 만났고 ^^ 아래는 해결법이다

1. Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0.

기존 설치 버전: yarn add node-sass

이렇게 설치하면 자동으로 최신버전을 Git똥차게 설치해주는데, 설치해준 최신 버전 6.0.0 이 package.json 의 뭔가의 버전과 안맞다는 소리라고 한다

다시 설치 : yarn remove node-sass 후 yarn add node-sass@5.0.0

이 문제의 해결법으로는 6.0.0 버전을 삭제한 뒤, 명시적으로 5.0.0 또는 4.0.0 버전의 node-sass 를 설치하면 된다.

..... 일 줄 알았지?

2. Node Sass does not yet support your current environment

대충 node sass가 현재 환경을 지원하지 않는다는 뜻이라고 하는데.... 그게 M1 이라서 ^^... 추측키로는 실리콘 버전 호환성이 아직 안맞거나... 한거 아닐까...? ( 지식의 한계 )
아무튼 M1 은 호락호락하지 않아!!!!!!!!!!

해결 방법으로는 ::

yarn add sass --save-dev 또는 yarn add -D sass

그냥 일반버전의 ( node 랑 무슨 차인지 모름 ) sass 를 설치하면 됴로롱 해결!

증말 한걸음 한걸음이 너무 험난한 나의 React 독학기.....