刚学习vue，使用vue-router创建路由时报错，请大神赐教

Question

html结构是这样的：<div class="main" id="main">        <div class="top"></div>        <div class="body-box">            <div class="left" id="left">                                <div class="menu-btn-box">                    <span class="menu-btn" id="menu_btn"></span>                </div>                                <tools-list></tools-list>                            </div>          <div class="middle">              <router-view></router-view>          </div>        </div>    </div>报错如下