Vue Error : Failed to resolve loader (sass-loader)

vue로 todo 리스트 만들때, style 부분에 이렇게 지정해주고, 

<style lang="scss" scoped>
    h1{
        color: #2F3B52;
        font-weight: 900;
        margin: 2.5rem 0 1.5rem;
    }
    
</style>

 

npm run serve를 실행할 때, 오류가 떠서 이게 뭔가하고 찾아봤는데,  

sass-loader를 설치해주라는 내용이였다. 

 

npm i node-sass

npm i sass-loader

출처: https://wotres.tistory.com/entry/vue-error-%ED%95%B4%EA%B2%B0%EB%B2%95-Failed-to-resolve-loader-sass-loader

 

node-sass는 잘 설치됐는데, sass-loader는 또다시 에러가 났다. 

이거보다 훨~~~~~~~씬 길게 알 수 없는 error 문구들이 나왔다. 그래서 다시 검색!! (검색 실력이 날로 느는 듯)

결국 찾아서 해결! 

출처 : https://stackoverflow.com/questions/65941009/npm-install-d-sass-loader-node-sass-vue-js-2021

npm install -D sass-loader node-sass Vue.js 2021

나는 두 번째 해결책으로 해서 

npm install -D sass-loader@^10 sass

 

다행히 npm run serve가 잘 작동되었다. ^____^