vue init webpack info-docs

cd info-docs && cnpm install

npm run dev # 可以正常運行

mkdir docs && cd docs
mkdir .vuepress

在.vuepress文件夾下添加config.js

// config.js
module.exports = {
  title: 'watasi',
  description: 'watasi',
  dest: './dist',
  port: 2333,
  themeConfig: {
    // 添加導(dǎo)航欄
    nav: [
      { text: '組件', link: '/components/' }
    ],
    // 為以下路由添加側(cè)邊欄
    sidebar:{
      '/components/': [{
        title: 'header組件',
        collapsable: true,
        children: [ 'BasicHead' ]
      }
    }
  }
}

在.vuepress文件夾下創(chuàng)建components文件夾，并添加BasicHead.vue文件

<template>
    <div class="container">
        <h1>4865132</h1>
    </div>
</template>
<script>
export default {
    name: 'BasicHead'    
}
</script>

在docs目錄下添加components文件夾，并添加README.md和BasicHead.md文件

# BasicHead
---
<basic-head></basic-head>

執(zhí)行vuepress dev docs報錯如下圖


目錄結(jié)構(gòu)如下圖


參考https://www.jb51.net/article/138372.htm這篇文章，升級了vue-loader(15.2.4)也不行