vue.js - 我在vuejs中收到无效的结束标签错误

Question

我正在用VueJS开发一个项目。现在，我仅在Vue项目中包括一个现成的模板。我尚未编写任何Vue代码。但是我一直在编译错误。我确定我的代码中没有错误。但是错误不会消失。我与您分享我的代码和组件中出现错误消息的错误消息。

<div class="infotechno-hero infotechno-bg">
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-6">
                <div class="infotechno-hero-text  wow move-up">
                    <h6>IT Design  Consulting </h6>
                    <h1 class="font-weight--reguler mb-15">Facilitate All <br>  Local IT-related Service Providers  </h1>
                    <p>Highly Tailored IT Design, Management  Support Services. </p>
                    <div class="hero-button  mt-30">
                        <a href="#" class="ht-btn ht-btn-md">Get details</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="infotechno-hero-inner-images">
                    <div class="infotechno-inner-one">
                        <img class="img-fluid" src="assets\images\hero\home-infotechno-main-slider-slide-01-image-01.png" alt="" />
                    </div>
                    <div class="infotechno-inner-two  wow move-up">
                        <img class="img-fluid" src="assets\images\hero\home-infotechno-main-slider-slide-01-image-02.png" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

您的模板标签在哪里？您必须在vue文件的模板中编写div。
您可以在此处查看更多信息:https://vuejs.org/v2/guide/syntax.html

<template>
  <div class="infotechno-hero infotechno-bg">
    <div class="container-fluid">
      <div class="row align-items-center">
        <div class="col-lg-6 col-md-6">
          <div class="infotechno-hero-text wow move-up">
            <h6>IT Design Consulting</h6>
            <h1 class="font-weight--reguler mb-15">
              Facilitate All
              <br />Local IT-related Service Providers
            </h1>
            <p>Highly Tailored IT Design, Management Support Services.</p>
            <div class="hero-button mt-30">
              <a href="#" class="ht-btn ht-btn-md">Get details</a>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6">
          <div class="infotechno-hero-inner-images">
            <div class="infotechno-inner-one">
              <img class="img-fluid" src="assets\images\hero\home-infotechno-main-slider-slide-01-image-01.png" alt />
            </div>
            <div class="infotechno-inner-two wow move-up">
              <img class="img-fluid" src="assets\images\hero\home-infotechno-main-slider-slide-01-image-02.png" alt />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>