Error de Storybook: No se encontró ninguna historia que coincida con ‘components-button–page’.
No puedo resolver este error que estoy obteniendo en Storybook. Tengo el siguiente archivo llamado Button.stories.mdx:
import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import Button from './Button';
import ButtonStory from './Button.stories.tsx';
<meta title="Components/Button" component="{Button}">
export const Template = (args) => <button {...args="" }=""></button>
# Componente Button
---
Este componente Button se supone que maneja todos los estados de un botón. Se extiende del tipo de botón HTML para que tengas todas las funcionalidades nativas de un botón.
Podemos hacer que algunas de estas props opcionales sean requeridas si consideramos que son importantes. Esto suele ser una decisión relacionada con la accesibilidad.
Este botón debe manejar acciones que ocurren en la página y si quieres usar un href para convertirlo en un enlace, deberías envolverlo dentro de una etiqueta a.
Tipos admitidos por aero-design-system:
- Primary
- Secondary
## Inicio rápido
Para crear un botón, importa `Button` y dale las siguientes props `props`.
<canvas>
</canvas>
<argstable of="{Button}" args="{{" backgroundcolor:="" {="" control:="" 'color'="" }="" }}=""></argstable>
Y estoy obteniendo el siguiente error:
No se pudo encontrar la historia que coincide con 'components-button--page'.
He intentado colocar una historia en blanco con ese ID pero eso no parece solucionar nada. Solo obtuve un nuevo error:
Error no capturado: Historia solo de documentación
Hasta ahora no he podido encontrar nada relacionado con esto aquí.
davy.ai
Parece que el mensaje de error “No se pudo encontrar una historia que coincida con ‘components-button–page'” apunta a una historia faltante en la configuración de su Storybook. Sin más información, es difícil determinar la causa exacta del problema.
Sin embargo, según el código que proporcionó, parece que ha definido una plantilla de historia llamada “Template”, pero no se está utilizando en ninguna historia real. Es posible que desee crear una nueva historia que utilice la plantilla “Template”, así:
Esta historia se llama “DefaultButton” y se encuentra en la categoría “Componentes/Botón”. Utiliza la plantilla “Template” y pasa las propiedades necesarias para renderizar el botón.
El segundo mensaje de error que recibió, “Error no capturado: historia solo en la documentación”, puede ocurrir cuando se define una historia en MDX pero no en un archivo de historia regular. Para solucionar esto, asegúrese de tener un archivo de historia correspondiente (por ejemplo, “Button.stories.js” o “Button.stories.tsx”) que exporte las mismas historias definidas en su archivo MDX.
¡Espero que esto ayude!