Javascript 未捕获引用错误VueJS

我正在开发一个VueJS应用程序，它有许多组件。文件如下所示

从“/../components/PatientProfileComponents/HeightCard”导入HeightCard 导出默认值{ 名称：'profile'， 资料{ 返回{ 页面名称：“关于” } }, 组成部分：{ “高度卡”：高度卡 } }

---

由于未在HeightCard.js文件中导入Vue，因此出现Vue未定义错误

但是，您无论如何都没有正确导出Vue组件，因此即使将Vue导入该文件，您的HeightCard组件也将在导入该组件的文件中未定义

最简单的解决方案是将HeightCard组件更改为与父组件类似的

将文件命名为HeightCard.vue，然后按如下方式对其进行结构：

<template>
  <div class="column">
    <div class="ui fluid card">
      <div class="content">
        <i class="right floated large grey setting icon"></i>
        <i class="right floated large grey users icon"></i>
        <i class="left floated large grey move icon"></i>
        <font size="4"><b>Height</b></font>
      </div>
      <div class="content">
        <br></br>
        <div class="ui vertically divided grid">
          <div class="two column row">
            <div class="column">
              <img class="ui image" src="/images/human1.jpg">
            </div>
            <div class="column">
              <div class="row">
                <img class="ui image" src="/images/line2.jpg">
              </div>
              <div class="row">
                <span style="color:grey;" align="center">Height:</span>
                <h3>165 cm</h3>
              </div>
              <div class="row">
                <img class="ui image" src="/images/line2.jpg">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="content" style="background-color:#F0F8FF;">
        <div class="right floated content">
          <div class="ui small button">Show full results</div>
        </div>
      </div>
    </div>
  </div>
</template>

---

现在，当父组件导入HeightCard时，将实际定义它。

您需要从“Vue”导入Vue谢谢@thanksd。我现在得到一个类似于Uknown自定义元素的错误。您是否正确注册了该组件？是因为我没有提到道具吗？