1. Failed to resolve loader: sass-loader Vue에서 아래처럼 sass를 사용하고 있다가 npm run serve를 하니, 위와 같은 에러 메시지를 볼 수 있었다. Failed to resolve loader: sass-loader You may need to install it. 에러 메시지가 알려주는 대로 sass-loader를 install 해줬다. npm install sass-loader 그러니, 아래와 같이 새로운 에러가 다시 발생했다. 2. Module not found: Error: Can't resolve 'sass-loader' npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ..
Vue
Vue에서 네비게이션 가드를 구현하는 과정에서 다음과 같은 에러메시지가 계속 출력되는 모습을 보게 됐다. 어떻게 해결 할 수 있었는지 정리해보자. Problem 기존에 나는 this.$router.push를 이용하는 방식을 통해 네비게이션 가드를 구현하고 있었고 아래의 코드는 그 예시이다. this.$router.push('/myinfo/mydetail') 위 처럼 만들고 나니 아래와 같은 에러가 콘솔에 찍히는 것을 볼 수 있었다. Cause 다음 링크에서 원인을 파악할 수 있었다. 핵심부분을 발췌하자면 아래와 같다. Now, because both push and replace return a promise, if the navigation failure (anything that cancels a n..
Vue를 기반으로 만든 프로젝트에서 아래와 같은 에러가 발생하였다. 어떻게 해결 할 수 있었는지 알아보자. 위 에러 메시지는 Stack Overflow에 따르면, backend Api 서버와 frontend App이 같은 host에서 구동되지 않을 때 생기는 에러라고 한다. 간단하게 위의 문제를 해결하고 싶다면, vue.config.js 파일에서 아래 코드 처럼 설정하면 된다. (참고로, vue.config.js 는 프로젝트의 root에 위치하고 있어야 하며 직접 생성해주어야 한다.) (vue.config의 옵션에 대해서는 다음 링크를 참고하자. 그리고 webPack의 설정에 대해서는 다음 링크를 참고하자.) module.exports = { devServer: { proxy: 'http://localh..
