[Vue 警告]：无法解析组件：Header 在 <App>

Question

我的组件没有呈现，我在控制台中收到上述警告。这是我的第一个 Vue 项目，所以我很难理解问题出在哪里。

这是我的 App.vue:

<template>
  <Header />
</template>

<script>
import Header from "./components/Header";

export default {
  setup() {
    return {
      Header,
    };
  },
};
</script>

这是 Header 组件，我正在尝试渲染，Header.vue:

<template>
  <header>
    <h1>Income Tracker</h1>
    <div class="total-income">€0</div>
  </header>
</template>

<script>
export default {};
</script>

知道我哪里出错了吗？

Answer 1

就像在 Vue 2 中一样：

<script>
import Header from "./components/Header";

export default {
  components {
    Header
  },
};
</script>

[Vue 警告]：无法解析组件：Header 在 <App>

[Vue warn]: Failed to resolve component: Header at <App>

warnings

rendering

vue.js

vue-component

vuejs3