반응형
Vue 프로젝트에서 SCSS 를 설정을 진행하고 있었습니다.
# scss 해석 및 적용을 위한 로더 설치
|
1
2
3
4
|
# scss 종속성 설치
npm install --save-dev node-sass sass-loader
|
cs |
# Vue 본문에 sytle 태그 속성을 scss 로 설정
|
1
2
3
4
5
6
|
<style lang="scss">
/* ... */
</style>
|
cs |
이렇게 진행했을때 잘되던 프로젝트가 갑자기 다음과 같은 에러를 뱉어내었습니다.
구글링을 하여 npm cache clean --force 를 이용하여 캐시 삭제 및 모듈삭제 후 재 설치를 해보기도 하고
package.json 파일을 삭제 후 다시 설정 해보기도 하였으나 수정이 안되고 있다가 결국 해결 방법을 찾았습니다.
문제는 sass-loader 8.0 이 호환이 안되서 문제가 발생한 문제였던 것 이었습니다.
|
1
2
|
npm uninstall sass-loader
npm install sass-loader@7.3.1 --save-dev
|
cs |
위와 같이 버전을 내려서 재 설치하면 문제가 해결되는 것을 확인했습니다.
해당 내용으로 같은 작업하시는 분들의 시간이 절약됬으면 좋겠습니다.
감사합니다.
참고 자료
https://www.childsay.com/node12-vue-scss-getResolve-not-function.html
반응형
'NodeJS' 카테고리의 다른 글
| [NodeJS/VueJS] Vuex 설치 및 사용 #2 - 심화편 (0) | 2019.11.04 |
|---|---|
| [NodeJS/VueJS] Vuex 설치 및 사용 #1 - 기초편 (0) | 2019.11.01 |
| [ES6/VueJS] ES6 모듈 구조와 Vue의 구조에 대한 고찰 (0) | 2019.10.30 |
| [NodeJS/VueJS] 설치 및 프로젝트 생성 해보자 (0) | 2019.10.28 |
| [JS/Node] Webpack 초보자 입문기 #1 (0) | 2019.09.20 |