Búsqueda de sitios web
typescript - ¿Cómo puedo manejar correctamente los slots de Vue en Storybook?
Estoy tratando de hacer que los slots de Vue funcionen en Storybook. Actualmente estoy en la versión beta de Storybook v7, porque hubo cambios que lo hicieron mejor para nuestro proyecto. Usamos Vue 3 con vite. También usamos Typescript en todas partes.
El problema es que Storybook no parece ofrecer una manera fácil de agregar contenido a los slots. La única forma es a través del objeto args, e incluso entonces necesitas algo como esto para que funcione correctamente:
cons Leer más →angular - Storybook falla con "No se pueden leer las propiedades de indefinido (leyendo 'base16')" para algunos componentes
Estoy intentando mostrar mis componentes de Angular en Storybook. Para algunos componentes esto funciona, pero para otros, sigo recibiendo esta excepción:
Cannot read properties of undefined (reading 'base16') TypeError: Cannot read properties of undefined (reading 'base16') at ./node_modules/rfc4648/lib/index.mjs (http://localhost:4400/vendors-node_modules_angular-auth-oidc-client_fesm2020_angular-auth-oidc-client_mjs.iframe.bundle.js:14476:66) at __webpack_require__ (h Leer más →reactjs - Storybook: El módulo solicitado XXX no proporciona una exportación llamada XXX al intentar renderizar componentes complejos
Estoy usando Storybook por primera vez. Hasta ahora funcionó en su mayoría, pero ahora estoy recibiendo un error que no proporciona mucha información (dado que parece estar equivocado).
Esta es una biblioteca de componentes que estoy tratando de construir https://github.com/replyke/base
Que tiene 6 componentes que deberían mostrarse con StoryBook.
4 de ellos se muestran sin problemas, pero dos de ellos (StatsBar y Comment) muestran el error en el título.
Sin embargo, p
Leer más →javascript - Cómo cargar estilos desde archivos .scss y componentes de React en Storybook v7
Estoy intentando poner en marcha Storybook para mi proyecto, pero no carga los estilos de mis archivos .scss. Cuando uso estilos en línea en mis componentes, todo funciona bien, pero no cuando se importan los estilos.
Las siguientes imágenes muestran la diferente salida en storybook: Historia con estilos de .scss Historia con estilo en línea
Al leer varios hilos parece ser una especie de "problema conocido", pero las soluciones que funcionan para los demás no parecen fun
Leer más →reactjs - Evitando valores nulos en los controles de Storybook
Estoy usando class-variance-authority para crear variantes de botones y luego inferir tipos a partir de esto para las propiedades del botón:
const variants = cva( { variants: { intent: { primary: [ ... ], secondary: [ ... ], gho Leer más →typescript - Storybook + Vue3 los métodos expuestos en `defineExpose` no son visibles automáticamente en argTable
tengo CustomInput.vue así
<!-- components/input/CustomInput.vue --> <template> <div><!-- some html... --></div> </template> <script setup lang="ts"> ... function reset(): void { // some reset action... } defineExpose({ reset }) </script>y exporto el componente así.
// components/input/index.ts import { default as CustomInput } from './CustomInput.vue' type CustomInpu Leer más →javascript - ¿Cómo cambiar el título en la pestaña al usar Storybook?
Para mayor claridad, el título al que me refiero es el siguiente en la pestaña junto al Favicon en un navegador, actualmente el mío es así: Example/Button - Docs ⋅ Storybook, y no puedo deshacerme de la parte ⋅ Storybook ni editarla como quiero.
addons.setConfig({ theme: create({ brandTitle: "New Title", base: "light", brandImage: logo, }) });y agregando esto a la configuración de main.ts
managerHead: (head) => Leer más →reactjs - Usando Storybook y Vitest, simular un módulo lanza una excepción
Tengo una configuración de Storybook usando vitest, y quiero simular un módulo en una historia mediante vitest, así que agrego lo siguiente al principio de mi archivo de historias:
// my-nice-function.stories.tsx import { vi } from "vitest"; vi.mock("../some-module", () => ({ someFunction: vi.fn(), })); // the actual stories below here...Pero cuando ejecuto esta historia, se produce el siguiente error:
No se pueden le
Leer más →javascript - Storybook con Vue en TypeScript ¿cómo importar desde un archivo .storybook.ts (configuraciones de Webpack)?
Estoy usando Storybook con Vue en TypeScript. Aún no existen configuraciones oficiales de TypeScript para usar Vue con Storybook.
¿Cómo configurar Webpack para que en un .storybook.ts pueda importar desde otro archivo .storybook.ts?
Leer más →javascript - Storybook Addon-Docs no muestra fragmento de código
Estoy usando Storybook para visualizar y documentar nuestra biblioteca de componentes de React. Todo funciona bien, excepto que no se muestra el código en la página de documentación.
Datos del proyecto: Typescript, React, Storybook
Dependencias del proyecto:
"dependencies": { "@types/node": "12.11.1", "@types/react": "16.9.9", "@types/react-dom": "16.9.2", "@types/styled-components": "4.1.19", "react": "16.10.2", "react-dom": "16.10.2", Leer más →