ph1p/vuepress-jsdoc

[vuepress] Nested sidebar groups are not supported. Consider using navbar + categories instead.

domahoneyii opened this issue · 8 comments

domahoneyii commented

I'm running vuepress 1.0.0-alpha.32 and vuepress-jsdoc 1.0.1.

When I run vuepress dev ./documentation, I get the following errors in Chrome Dev Tools console:

index.js?165b:219 [vuepress] Nested sidebar groups are not supported. Consider using navbar + categories instead.
resolveItem @ index.js?165b:219
children.children.map.child @ index.js?165b:228
resolveItem @ index.js?165b:228
config.map.item @ index.js?165b:136
resolveSidebarItems @ index.js?165b:136
sidebarItems @ Layout.vue?3e79:94
get @ vue.runtime.esm.js?2b0e:3256
evaluate @ vue.runtime.esm.js?2b0e:3361
computedGetter @ vue.runtime.esm.js?2b0e:3613
shouldShowSidebar @ Layout.vue?3e79:86
get @ vue.runtime.esm.js?2b0e:3256
evaluate @ vue.runtime.esm.js?2b0e:3361
computedGetter @ vue.runtime.esm.js?2b0e:3613
pageClasses @ Layout.vue?3e79:108
get @ vue.runtime.esm.js?2b0e:3256
evaluate @ vue.runtime.esm.js?2b0e:3361
computedGetter @ vue.runtime.esm.js?2b0e:3613
get @ vue.runtime.esm.js?2b0e:2012
render @ Layout.vue?2e52:9
Vue._render @ vue.runtime.esm.js?2b0e:4640
updateComponent @ vue.runtime.esm.js?2b0e:2886
get @ vue.runtime.esm.js?2b0e:3256
run @ vue.runtime.esm.js?2b0e:3331
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:3087
(anonymous) @ vue.runtime.esm.js?2b0e:1916
flushCallbacks @ vue.runtime.esm.js?2b0e:1835
Promise.then (async)
microTimerFunc @ vue.runtime.esm.js?2b0e:1883
nextTick @ vue.runtime.esm.js?2b0e:1929
queueWatcher @ vue.runtime.esm.js?2b0e:3179
update @ vue.runtime.esm.js?2b0e:3321
notify @ vue.runtime.esm.js?2b0e:712
reactiveSetter @ vue.runtime.esm.js?2b0e:1037
(anonymous) @ vue-router.esm.js?8c4f:2503
(anonymous) @ vue-router.esm.js?8c4f:2502
updateRoute @ vue-router.esm.js?8c4f:1989
(anonymous) @ vue-router.esm.js?8c4f:1867
(anonymous) @ vue-router.esm.js?8c4f:1976
step @ vue-router.esm.js?8c4f:1706
step @ vue-router.esm.js?8c4f:1713
runQueue @ vue-router.esm.js?8c4f:1717
(anonymous) @ vue-router.esm.js?8c4f:1971
step @ vue-router.esm.js?8c4f:1706
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
(anonymous) @ vue-router.esm.js?8c4f:1784
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
Promise.then (async)
beforeEnter @ routes.js?fc18:38
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
$router.beforeEach @ clientRootMixin.js?d282:13
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
(anonymous) @ app.js?c4ff:84
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
step @ vue-router.esm.js?8c4f:1713
runQueue @ vue-router.esm.js?8c4f:1717
confirmTransition @ vue-router.esm.js?8c4f:1964
transitionTo @ vue-router.esm.js?8c4f:1866
push @ vue-router.esm.js?8c4f:2176
push @ vue-router.esm.js?8c4f:2529
handler @ vue-router.esm.js?8c4f:444
invoker @ vue.runtime.esm.js?2b0e:2119
fn._withTask.fn._withTask @ vue.runtime.esm.js?2b0e:1904
vue.runtime.esm.js?2b0e:601 [Vue warn]: Error in render: "TypeError: Cannot read property 'children' of null"

found in

---> <Layout> at node_modules/@vuepress/theme-default/layouts/Layout.vue
       <LayoutDistributor> at node_modules/@vuepress/core/lib/app/components/LayoutDistributor.vue
         <Root>
warn @ vue.runtime.esm.js?2b0e:601
logError @ vue.runtime.esm.js?2b0e:1815
globalHandleError @ vue.runtime.esm.js?2b0e:1810
handleError @ vue.runtime.esm.js?2b0e:1799
Vue._render @ vue.runtime.esm.js?2b0e:4642
updateComponent @ vue.runtime.esm.js?2b0e:2886
get @ vue.runtime.esm.js?2b0e:3256
run @ vue.runtime.esm.js?2b0e:3331
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:3087
(anonymous) @ vue.runtime.esm.js?2b0e:1916
flushCallbacks @ vue.runtime.esm.js?2b0e:1835
Promise.then (async)
microTimerFunc @ vue.runtime.esm.js?2b0e:1883
nextTick @ vue.runtime.esm.js?2b0e:1929
queueWatcher @ vue.runtime.esm.js?2b0e:3179
update @ vue.runtime.esm.js?2b0e:3321
notify @ vue.runtime.esm.js?2b0e:712
reactiveSetter @ vue.runtime.esm.js?2b0e:1037
(anonymous) @ vue-router.esm.js?8c4f:2503
(anonymous) @ vue-router.esm.js?8c4f:2502
updateRoute @ vue-router.esm.js?8c4f:1989
(anonymous) @ vue-router.esm.js?8c4f:1867
(anonymous) @ vue-router.esm.js?8c4f:1976
step @ vue-router.esm.js?8c4f:1706
step @ vue-router.esm.js?8c4f:1713
runQueue @ vue-router.esm.js?8c4f:1717
(anonymous) @ vue-router.esm.js?8c4f:1971
step @ vue-router.esm.js?8c4f:1706
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
(anonymous) @ vue-router.esm.js?8c4f:1784
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
Promise.then (async)
beforeEnter @ routes.js?fc18:38
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
$router.beforeEach @ clientRootMixin.js?d282:13
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
(anonymous) @ app.js?c4ff:84
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
step @ vue-router.esm.js?8c4f:1713
runQueue @ vue-router.esm.js?8c4f:1717
confirmTransition @ vue-router.esm.js?8c4f:1964
transitionTo @ vue-router.esm.js?8c4f:1866
push @ vue-router.esm.js?8c4f:2176
push @ vue-router.esm.js?8c4f:2529
handler @ vue-router.esm.js?8c4f:444
invoker @ vue.runtime.esm.js?2b0e:2119
fn._withTask.fn._withTask @ vue.runtime.esm.js?2b0e:1904
vue.runtime.esm.js?2b0e:1819 TypeError: Cannot read property 'children' of null
    at resolveItem (index.js?165b:224)
    at children.children.map.child (index.js?165b:228)
    at Array.map (<anonymous>)
    at resolveItem (index.js?165b:228)
    at config.map.item (index.js?165b:136)
    at Array.map (<anonymous>)
    at resolveSidebarItems (index.js?165b:136)
    at VueComponent.sidebarItems (Layout.vue?3e79:94)
    at Watcher.get (vue.runtime.esm.js?2b0e:3256)
    at Watcher.evaluate (vue.runtime.esm.js?2b0e:3361)
    at VueComponent.computedGetter [as sidebarItems] (vue.runtime.esm.js?2b0e:3613)
    at VueComponent.shouldShowSidebar (Layout.vue?3e79:86)
    at Watcher.get (vue.runtime.esm.js?2b0e:3256)
    at Watcher.evaluate (vue.runtime.esm.js?2b0e:3361)
    at VueComponent.computedGetter [as shouldShowSidebar] (vue.runtime.esm.js?2b0e:3613)
    at VueComponent.pageClasses (Layout.vue?3e79:108)
    at Watcher.get (vue.runtime.esm.js?2b0e:3256)
    at Watcher.evaluate (vue.runtime.esm.js?2b0e:3361)
    at VueComponent.computedGetter [as pageClasses] (vue.runtime.esm.js?2b0e:3613)
    at Object.get (vue.runtime.esm.js?2b0e:2012)
    at Proxy.render (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/@vuepress/core/node_modules/.cache/vuepress","cacheIdentifier":"21f69b6b-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./node_modules/@vuepress/theme-default/layouts/Layout.vue?vue&type=template&id=0fb8d67b& (0.js:921), <anonymous>:12:18)
    at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:4640)
    at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:2886)
    at Watcher.get (vue.runtime.esm.js?2b0e:3256)
    at Watcher.run (vue.runtime.esm.js?2b0e:3331)
    at flushSchedulerQueue (vue.runtime.esm.js?2b0e:3087)
    at Array.eval (vue.runtime.esm.js?2b0e:1916)
    at flushCallbacks (vue.runtime.esm.js?2b0e:1835)
logError @ vue.runtime.esm.js?2b0e:1819
globalHandleError @ vue.runtime.esm.js?2b0e:1810
handleError @ vue.runtime.esm.js?2b0e:1799
Vue._render @ vue.runtime.esm.js?2b0e:4642
updateComponent @ vue.runtime.esm.js?2b0e:2886
get @ vue.runtime.esm.js?2b0e:3256
run @ vue.runtime.esm.js?2b0e:3331
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:3087
(anonymous) @ vue.runtime.esm.js?2b0e:1916
flushCallbacks @ vue.runtime.esm.js?2b0e:1835
Promise.then (async)
microTimerFunc @ vue.runtime.esm.js?2b0e:1883
nextTick @ vue.runtime.esm.js?2b0e:1929
queueWatcher @ vue.runtime.esm.js?2b0e:3179
update @ vue.runtime.esm.js?2b0e:3321
notify @ vue.runtime.esm.js?2b0e:712
reactiveSetter @ vue.runtime.esm.js?2b0e:1037
(anonymous) @ vue-router.esm.js?8c4f:2503
(anonymous) @ vue-router.esm.js?8c4f:2502
updateRoute @ vue-router.esm.js?8c4f:1989
(anonymous) @ vue-router.esm.js?8c4f:1867
(anonymous) @ vue-router.esm.js?8c4f:1976
step @ vue-router.esm.js?8c4f:1706
step @ vue-router.esm.js?8c4f:1713
runQueue @ vue-router.esm.js?8c4f:1717
(anonymous) @ vue-router.esm.js?8c4f:1971
step @ vue-router.esm.js?8c4f:1706
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
(anonymous) @ vue-router.esm.js?8c4f:1784
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
Promise.then (async)
beforeEnter @ routes.js?fc18:38
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
$router.beforeEach @ clientRootMixin.js?d282:13
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
(anonymous) @ vue-router.esm.js?8c4f:1710
(anonymous) @ vue-router.esm.js?8c4f:1956
(anonymous) @ app.js?c4ff:84
iterator @ vue-router.esm.js?8c4f:1935
step @ vue-router.esm.js?8c4f:1709
step @ vue-router.esm.js?8c4f:1713
runQueue @ vue-router.esm.js?8c4f:1717
confirmTransition @ vue-router.esm.js?8c4f:1964
transitionTo @ vue-router.esm.js?8c4f:1866
push @ vue-router.esm.js?8c4f:2176
push @ vue-router.esm.js?8c4f:2529
handler @ vue-router.esm.js?8c4f:444
invoker @ vue.runtime.esm.js?2b0e:2119
fn._withTask.fn._withTask @ vue.runtime.esm.js?2b0e:1904

.vuepress/config.js:

// auto generated sidebar
const { sidebarTree } = require('../code/config');
 
module.exports = {
  dest: 'dist',
  locales: {
    '/': {
      title: 'Cxl Vue Leaflet',
      description: 'Cxl Wrapper of Vue2Leaflet'
    }
  },
  themeConfig: {
    editLinks: true,
    sidebarDepth: 4,
    docsDir: 'code',
    locales: {
      '/': {
        nav: [
          {
            text: 'Home',
            link: '/'
          }
        ],
        // Add the generated sidebar
        sidebar: Object.assign({}, sidebarTree('Details'))
      }
    }
  }
};

Any thoughts?? Thanks

ph1p commented

I'll take a look at it (:

ph1p commented

Can you please send me your project?

domahoneyii commented

cxl-vue-leaflet.tar.gz

There you go. Thanks for helping

ph1p commented

Fixed! (: Thanks for reporting

domahoneyii commented

I just pulled version 1.0.3 from npmjs and I get the same error.

Your thoughts

ph1p commented

Maybe remove the package-lock.json or check your artifactory version.

domahoneyii commented

I started with a clean repo, deleted the package-lock.json, did an npm-check, fix some problems and life is good.

Thanks for your help.

ph1p commented

Your welcome