React : Scss (Sass) 사용이 안될 때

💡노마드코더 수강이후 개인작업을 하며 직면한 문제의 해결과정을 기록한 포스트입니다.

SCSS 설치

npm install -g sass

Sass공홈의 안내대로 전역으로 인스톨 후 공통 styles.scss를 만들고 임포트 한 결과 화면 가득 붉은 에러가 출력되었다.

Cannot find module 'sass'

전역으로 Sass를 설치했는데 이런 에러가 출력됐다는 것이 이해되지 않았지만 몇번 구글링 한 결과 생각보다 빠르고 간당하게 해결방법을 찾았다.

npm i sass --save-dev

왜인지는 모르곘지만 전역으로 Sass를 설치할 경우 이런 에러가 종종 발생하는 것 같은데, 리엑트를 전역으로 설치하지 못하는 것과 마찬가지로 Sass또한 React에서 사용할 때는 로컬로 설치해야하는 것과 같은 이치가 아닌가 싶다.

일단 이것으로 에러는 해결되었고, 정상적으로 style또한 적용된 것을 확인 할 수 있었다.