Jest를 이용하여 테스트를 하는 와중, 다음과 같은 에러메시지가 발생하였다. Jest did not exit one second after the test run has completed. This usually means that there are asynchronous operations that weren't stopped in your tests. Consider running Jest with `--detectOpenHandles` to troubleshoot this issue. 그래서 적혀져 있는대로 --detectOpenHandles 을 붙여서 아래처럼 실행 해봤더니 똑같이 에러가 발생하였다. npm run test some.spec.ts --detectOpenHandles stackov..
전체 글
Docker Container의 기본 설정은 UTC이다. 여기에서는 docker-compose 파일에서 UTC가 아닌, 내가 원하는 시간대로 변경하는 방법에 대해 정리해본다. 설정방법은 매우 간단하다. docker-compose.yml 파일에서 environment 안에 TZ: [원하는 TimeZone] 으로 설정해주면 된다. 혹은, -TZ=[원하는 TimeZone] 형식으로도 가능하다. version: '3.7' services: db: env_file: .env image: mariadb environment: MYSQL_ROOT_PASSWORD: '${DB_PW}' TZ: "Asia/Seoul" volumes: - ./db/data/cred_store:/var/lib/mysql - ./db/data..
[Problem] 원래 잘만 되던 BitBucket이 push를 하려고 하니, 갑자기 위와 같은 에러메시지를 내뱉기 시작했다. 실제 에러메시지는 아래와 같았다. [Solved] 위 에러 메시지에 따르면, 더이상 account passwords는 이용하지 못하니, app-password를 설정하고 그 비밀번호를 이용하라고 한다. 일반적으로 app-password를 설정하지 않은 사람이라고 한다면, 아래 [Solution1 - App Password 발급받은 적이 없는 경우] step을 따르면서 AppPW를 발급받고 해결 할 수 있다. 만약 기존에 app-password를 발급받았거나, 새롭게 발급받은 App password임에도 불구하고 계속 위와 같은 혹은 비슷한 에러가 발생한다면 바로 [Solutio..
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에서 네비게이션 가드를 구현하는 과정에서 다음과 같은 에러메시지가 계속 출력되는 모습을 보게 됐다. 어떻게 해결 할 수 있었는지 정리해보자. 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..