vue.js - 编译模板时出错：标签没有匹配的结束标签

Question

我开始使用 Vue.js，但我尝试实现v-toolbar，但它给了我以下错误：

Errors compiling template: tag <v-toolbar> has no matching end tag.

米码：

            <template>
        <div class="building">
          <v-app>
            <v-toolbar>
              <v-toolbar-title>audi</v-toolbar-title>
            <v-toolbar>
          </v-app>
        </div>
        </template>


        <style>
        .building{
        background:url("./assets/scss/images/HomeBackground.jpg");
        width:100%;
        height:100%;
        position:absolute;
        background-size:100% 100%;
        }

        #app {
          font-family: Avenir, Helvetica, Arial, sans-serif;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-align: center;
          color: #2c3e50;
        }

        #navold {
          padding: 30px;
        }

        #navold a {
          font-weight: bold;
          color: #2c3e50;
        }

        #navold a.router-link-exact-active {
          color: #42b983;
        }
        </style>

我对此真的很陌生，但是我已经安装了 NPM 和 Vue 版本，我不知道是我遗漏了什么还是我做错了什么

标签： vue.js

Answer 1

添加/到<v-toolbar>第 6 行

<v-toolbar>
    <v-toolbar-title>audi</v-toolbar-title>
</v-toolbar>  <----- here