@vue/apollo-composable define not defined

 

Vue 또는 Nuxt에서 vue apollo 4를 사용하며 composition api에서 유연하게 작성하기 위해서는

@vue/apollo-composable이 필요로 합니다.

 

물론 없어도 @nuxtjs/apollo를 통해서 작성할 순 있지만, apollo가 setup 밖에 있다 보니, 변수 참조가 안되어 초기 데이터 로드를 query명과 일치하여야만 합니다. 굉장히 불편하며 모순적입니다.

 

 

현재 @vue/apollo-composable 4.0.0 은 알파 버전이며 오류가 나타나는 버전은 alpha.12 입니다.

alpha.11도 동일하다고 하니... alpha.10을 설치하면 해결됩니다.

 

하지만 alpha의 저. 버전은 이상하게 package.json으로 재 명시해도 12로 설치가 되고, node_modules를 날려도 계속 12를 설치합니다. 이를 해결하려면 크게 2가지 방법이 있습니다.

 

 

• package-lock.json과 같이 제거 후 재설치
• npm i @vue/apollo-composable@4.0.0-alpha.10 명령으로 강제 설치

 

 

 

하지만 @vue/apollo-composable에서 이 문제를 빠르게 해결해주어야 할 텐데, 지속된 이슈에도 불구하고 고쳐지지가 않습니다.

2020.12.16 기준 가장 최근 버전인 alpha.12가 5개월 전인 점을 미루어보아 아마도 한참이나 기다려야 할 것 같으니

다들 alpha.10을 사용하도록 합시다....