刚学习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>

报错如下