Storybook 和 Vuetify 的未知自定义元素

Question

我尝试将 Vuetify 与 Storybook 结合使用。

首先，我创建项目

vue create identity-card

添加故事书

npx -p @storybook/cli sb init

安装 Vuetify

vue add vuetify

添加 vue-cli-plugin-vuetify-storybook

vue add vuetify-storybook

安装 js-beautify

npm install js-beautify

并运行

npm run storybook

我在组件中创建一个文件夹“Login”

创建“LoginForm.vue”，来自https://vuetifyjs.com/en/examples/layouts/centered/

并添加“LoginForm.stories.js”

import MyLoginForm from './LoginForm.vue';

export default {
    title: 'LoginForm',
    component: MyLoginForm,
}

export const Template = (args, { argTypes }) => ({
    props: Object.keys(argTypes),
    components: { MyLoginForm },
    template: `<my-login-form />`
});

但我有很多错误，例如“未知的自定义元素：”。我做错了什么 ？