我尝试将 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 />`
});
但是我有很多错误,例如“未知的自定义元素:”。我做错了什么 ?