[NodeJS/VueJS] SCSS 에서의 Module build failed: TypeError: this.getResolve is not a function 오류

Vue 프로젝트에서 SCSS 를 설정을 진행하고 있었습니다.

 

# scss 해석 및 적용을 위한 로더 설치

 
# scss 종속성 설치
npm install --save-dev node-sass sass-loader
 

 
<style lang="scss">
/* ... */
</style>
 
 

 

이렇게 진행했을때 잘되던 프로젝트가 갑자기 다음과 같은 에러를 뱉어내었습니다.

 

 

구글링을 하여 npm cache clean --force 를 이용하여 캐시 삭제 및 모듈삭제 후 재 설치를 해보기도 하고

 

package.json 파일을 삭제 후 다시 설정 해보기도 하였으나 수정이 안되고 있다가 결국 해결 방법을 찾았습니다.

 

문제는 sass-loader 8.0 이 호환이 안되서 문제가 발생한 문제였던 것 이었습니다.

 

npm uninstall sass-loader
npm install sass-loader@7.3.1 --save-dev

---

참고 자료

https://www.childsay.com/node12-vue-scss-getResolve-not-function.html