node-sass & scss 사용 시 에러들 해결

node-sass를 사용하기 위해 검색을 해봐도 자료가 많이 나왔는데 다 따라 해봐도 계속 에러가 났다.

그렇게 하루를 날린 필자는 다른 사람들은 소중한 시간 낭비하지 말라는 생각에 글을 적어 봅니다.

필자가 격은 에러들
1. node-moule을 설치 받기 위해 install을 시작했을 때
node-sass: command failed 에러

2. install을 시작했을 때 Python2 를 못 찾는다는 에러

3. install은 됐는데 start 했을 때 Node Sass version 6.0.0 is incompatible with ^4.0.0 에러

 

 

초기화

우선 이 글을 보기전 많은 시도를 했을 가능성이 높으니 초기 세팅을 먼저 해줍시다.

1. 현재 설치한 node-sass를 제거 합니다.

npm uninstall node-sass
yarn remove node-sass

2. 캐시를 클린해 줍니다.

npm cache clean -f
yarn cache clean -all

 

해결 방법

우선 Python2를 먼저 세팅하자. (되어 있다면 안해도 됩니다)

python기반에서 동작하는 몇 모듈때문에 python2 버전을 찾다가 못 찾아서 나타는 에러 이다.

python2 버전을 설치하고 환경 변수 설정을 해주면 됩니다.

 

1. 아래 링크 들어가서 내려보면 python2 버전 다운 로드하고 설치

https://www.python.org/downloads/

Download Python

잘 모르시면 필자가 다운 받은 거 받으세요

 

2. 환경 변수 설정

Path 편집 누른다 - > 새로 만들기를 누른다 ->

설치된 파이썬 폴더 주소를 적는다 (필자 파이썬 설치된 폴더 주소 C:\Python27)  -> 확인을 눌러 나간다

 

 

 

---

 

python2 세팅이 끝났다면 본문의 node-sass 에러 해결을 해봅시다.

node 버전과 node-sass 버전을 맞춰주면 됩니다.

아래 npmjs 문서에서 node 와 node-sass 지원 버전을 확인 하신 후 버전을 맞춰 주시면 됩니다.

https://www.npmjs.com/package/node-sass

node-sass

 

참고로 필자는 node-sass 4.13.1 버전을 사용 하기 위해 node 버전을 16에서 13으로 다운그레이드 시켰다.

 

 

node-sass 버전을 원하는 버전으로 바꾸고 싶다면 @ 뒤에 적어주면 됩니다.

(node-sass 지워져 있는지 확인 하시고 하세요)

npm i node-sass@4.13.1
yarn add node-sass@4.13.1

 

Node.js 버전 설치 방법

https://le-piee.tistory.com/24

Node.js와 NPM 특정 버전 설치