[Vue warn]: 解析组件 Vue3 失败

Question

在 vue 3 中，当我注册要使用的组件时，我在我的 .js 文件中使用以下内容：

import blogpost from '../../../blogpost.vue'

app.use(blogpost);

我创建了一个简单的组件，即 BlogPost.vue。

<!-- BlogPost.vue -->
<script>
    export default {
        name: 'BlogPost',
        props: ['title']
    }
</script>

<template>
    <h4>{{ title }}</h4>
</template>

在我的 html 文件中，我调用以下内容：

<div id="app">
   <blogpost title = 'test'/>
</div>

当我运行该应用程序时，我得到以下信息

runtime-core.esm-bundler.js?fea0:38 [Vue 警告]: 无法解析组件：blogpost 如果这是本机自定义元素，请确保通过 compilerOptions.isCustomElement 将其从组件解析中排除。

它就像 vue 无法渲染组件。我正在使用 webpack 进行编译，所以如果我输入了错误的位置，它就会出错。所以我猜位置是对的？

我做错了什么吗？

Answer 1

我不知道你是否解决了这个问题，无论如何，这就是答案。使用app.component()全局注册一个组件（看here）。