vue error 해결법 : Failed to resolve loader: sass-loader

스타일 표현 방식을 scss 를 사용하여 코드를 작성할때 아래와 같은 에러가 발생할때가 있다.

수행코드

<style lang="scss" scoped>
.wrap {
    color: red;
}
</style>

 

오류 내용

Failed to resolve loader: sass-loader

 

오류에는 sass-loader 를 설치해주라고 하지만 설치후 또다른 아래와 같은 에러가 발생한다.

Syntax Error: Error: PostCSS received undefined instead of CSS string

 

따라서 아래와 같이 두개의 모듈을 설치해주면 해결된다.

$ npm i sass-loader
$ npm i node-sass