nuxt extractcss ignoreorder PostCSS Loader has been initialized using an options object that does not match the API schema nuxt에서 extractcss 관련한 오류가 발생하였는데, vuetify에서 생긴 문제로 보입니다. 많은 자료 조사 결과 다양한 해결책을 제시했는데 extractCss: true를 ignororder를 추가 (이미 설정됨) node-sass를 설치 (안됨) sass-loader를 설치 (안됨) sass를 설치 (이미 설치됨) 위 패키지들을 특정 종속성으로 맞추어줌 (안됨) nuxt 2.15.3으로 강제 설치 (콘솔로그는 사라졌으나 웹상에서는 여전히 오류 발생) postcss-loader..

https://stackoverflow.com/questions/63246744/nuxt-2-14-0-hot-reload-is-slow Nuxt 2.14.0 hot-reload is slow I want to know if it is normal that nuxt takes 2 or 3 seconds to make the hot reload changes? For example with Gatsby the Hot Reloads are instantaneous. I missed something ? here is my nuxt build c... stackoverflow.com Nuxt.js 2.14.+ 사용 중이었는데, 개인 개발 컴은 사양이 어마 무시해서 그런지 엄청 빠른데 업무용 노트북이 비정상적으로..

Apollo Graphql Client 모듈을 사용하던 중 다음과 같은 오류를 접하는 경우가 종종 있습니다. ObservableQuery with this id doesn't exist 위 오류는 React Hooks 또는 Vue/Nuxt의 @vue/apollo-composable이나, @nuxtjs/apollo 등의 apollo client를 사용하는 모든 모듈에서 제공되는 fetchMore 즉 페이지 네이션을 쉽게 하기 위한 graphql client의 기능을 사용하던 중 발생하는 오류입니다. 하지만 지금 말씀드린 내용은 어디서 발생하는지를 언급한 것이며, 원인은 이러한 이유 때문은 아닙니다. 즉 언제나 그렇듯 모듈이 문제가 아니라, 사람! 사용자가 문제라는 것이죠. Dirty Solution 다른 ..

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_mod..

JEST에서 vue 또는 nuxt를 사용하는 도중 setup binding property "" is already declared as a prop Test Case 자체는 성공으로 Passed가 나타나지만 console에서는 오류가 나는 것을 확인할 수 있습니다. 위 오류는 Composition API를 사용한 JEST Test 결과에서 주로 등장을 하게 되는데, 가장 기본적인 해결 방법은 테스트 케이스 내에서 로컬 뷰에 VueCompositionAPI를 사용한다고 선언을 해주어야 합니다. import Vue from 'vue' import VueCompositionAPI from '@vue/composition-api' const localVue = createLocalVue() localVue.u..

Nuxt.js에서 JEST를 사용하다 보면 마주치는 오류중 하나로 template tag를 JEST에서 해석할 수 없어서 나타나는 증상 중 하나입니다. 대표적으로 nuxt-link 등의 nuxt만의 고유한 태그들에서 이러한 현상이 발생할 수 있습니다. Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. 이것을 해결하기 위해서는 JEST setup에서 mocking된 component.vue를 하나 생성해주어야 합니다. // test/__mocks__/clientOnlyMock.vue setup.js를 통해 생성한 컴포넌..