时间戳

首页 > 解决方案 > 我在 vuejs 中收到 Invalid end tag 错误

vue.js - 我在 vuejs 中收到 Invalid end tag 错误

问题描述

我正在用 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>

在此处输入图像描述

标签： vue.jscompiler-errorsvue-component

解决方案

你的模板标签在哪里？您必须在 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>

推荐阅读