VuePress의 blog 플러그인의 category, tag페이지 404 문제 해결하기

[mAKEkr]

문제분석

• [x] 소스 직접뜯어 확인하기
  • [x] $this.router.options.routes의 내용 console.log 찍어서 확인
  • [x] @vuepress/core/lib/internal-plugins/routes.js 소스 확인
  • @vuepress/core/.temp/internal/routes.js 소스에 존재하는것 확인완료
  • [x] @vuepress/core/lib/app/app.js에서 모두 불러오는것 확인
  • [x] this.$page로 전달받는 내용들은 없음.
  • [x] @vuepress/core/.temp/internal/siteData.js에 소스에 존재하지 않음
  • [x] 파일 생성을 담당하는 @vuepress/core/lib/internal-plugins/siteData.js 확인
  • [x] @vuepress/core/lib/prepare/AppContext.js 확인중
  • [x] addPage method 확인 완료.
  • [x] resolvePages method가 문제임을 확인 완료.
• [x] 테마 변경해서 시도하기
  • [x] 다른테마로 시도 https://github.com/ulivz/vuepress-theme-egoist
• [x] 블로그 예제 템플릿으로 시도해보기 https://github.com/ulivz/vuepress-blog-example-egoist

문제이유

@vuepress/core/lib/prepare/AppContext.js에서 resolvePages 메소드에서 파일만 처리하여 플러그인으로 페이지를 직접 생성하는 @vuepress/plugin-blog 플러그인과 충돌하여 라우터 안엔 등록되나 페이지 등록이 되지않음. @vuepress/core/lib/app/components/LayoutDistributor.vue 에서 $page의 정보를 못불러와 404페이지를 출력함

해결하기

@vuepress/core/lib/prepare/AppContext.js에서 resolvePages 메소드안의 내용을 전부 리팩토링

[mAKEkr]

resolvePages가 아닌 단순 코드 오더링 문제였던걸로 판단함 vuejs/vuepress#909 에서 해결