3

我尝试将 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

我在组件中创建了一个文件夹“登录”

从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 />`
});

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

4

0 回答 0