VueCompilerError：元素缺少结束标记答案

【问题标题】：VueCompilerError: Element is missing end tagVueCompilerError：元素缺少结束标记
【发布时间】：2021-08-28 14:41:58
【问题描述】：

我最近开始使用 vuejs，但我似乎没有弄清楚这个错误是否显示。

即使 html 完全存在并且没有丢失的标签，它也会显示错误。

我试过了，去掉cmets，清理vue项目的文件结构。

感谢您的帮助

HTML 代码，test.vue 文件：

<template>

        <div id="wrapper">
            <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
                Sidebar - Brand
                <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
                    <div class="sidebar-brand-icon rotate-n-15">
                        <i class="fas fa-laugh-wink"></i>
                    </div>
                    <div class="sidebar-brand-text mx-3">John Doe</div>
                </a> </ul> </div> </template>

【问题讨论】：

尝试再次编译您的项目。有时它不会检测到所有更改，尤其是文件重命名和移动。
检查不匹配的报价。有时会粘贴一个奇数。

标签： html vue.js vuejs2 frontend vuejs3

【解决方案1】：

你的 vue 代码没问题。重新编译你的项目。我偶尔会遇到这个问题。重新编译总是能修复它。

Ctrl + C

npm 运行服务

【讨论】：