故事书和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”

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

并添加“ 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 />`
});

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