Zoeken op website
typescript - Yarn workspaces + Storybook compileerfout
Ik werk met een yarn-werkruimte met de volgende structuur:
"workspaces": [ "app/*", "packages/*", "utilities/*" ],Ik schrijf een hulpfunctie in Typescript en importeer deze vervolgens in een van de bestanden in app/test/index.tsx
Lees verder →reactjs - React Hooks aanroepen in globale decorator voor Storybook
Ik wil een aangepaste React hook oproepen voor alle verhalen, maar ik weet niet zeker waar ik deze moet declareren. De aangepaste hooks die ik wil oproepen moeten in de contextprovider staan.
Zijn er manieren om een contextprovider en aangepaste hooks voor alle verhalen te declareren?
import Lees verder →javascript - Storybook inlineStories werkt, maar veroorzaakt problemen met de props-interacties
Ik heb een popup-mediagalerijcomponent en ik moet deze inline gebruiken, om deze te documenteren in de storybook. Wanneer ik de onderstaande code toevoeg in '.storybook/preview.js'
export const parameters = { docs: { inlineStories: false, } }Het werkt zoals ik verwachtte, maar wanneer ik inlineStories: false instel, is er geen probleem met het aanpassen van eigenschappen in Canvas, maar in Docs heeft de aanpassing geen effect.
Om deze fout te voor
Lees verder →reactjs - Storybook Typescript laadt nieuw toegevoegde propstypes niet, Storybook moet worden herstart
module.exports = { stories: ["../**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"], addons: [ "@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", "@storybook/preset-create-react-app", "@storybook/addon-a11y" ], typescript: { reactDocgen: "react-docgen-typescript", reactDocgenTypescriptOptions: { shouldExtractLitera
Lees verder →typescript - Types gebruiken met Storybook en Sveltekit
Ik probeer Storybook te gebruiken samen met TypeScript en SvelteKit, hoewel dit me enkele problemen heeft gegeven waar ik mezelf niet uit kan helpen.
import Modal from './Modal.svelte' export default { title: 'Modal', component: Modal, } const Template = (args: any) => ({ component: Modal, props: args, }) export const Primary = Template.bind({}) Primary.args = { text: 'Hello World', }De bovenstaande code geeft me de volgende fout op de regel
Lees verder →reactjs - storybook + jest play methode faalt bij het aanroepen van shouldHaveBeenCalled op een functie
Ik heb deze component:
import { FC, ReactElement, useState, MouseEvent as ReactMouseEvent, ChangeEvent as ReactChangeEvent, } from 'react'; import { Stack, TablePagination } from '@mui/material'; export const Pagination: FC<IPaginationProps> = ({ total, page = 1, rowsPerPage = 25, position = 'start', rowsPerPageOptions = [10, 25, 50, 100], onPageChange, onRowsPerPageChange, }): ReactElement => { const [localPage, setPage] = useState(page); Lees verder →reactjs - "Module niet gevonden" of "Importpad kan niet eindigen met tsx" bij gebruik van Storybook met TypeScript
Ik ben een component aan het schrijven die gebruikmaakt van een andere component, dus ik heb geschreven
in het bestand /src/stories/TextArea/TextArea.tsx.
Dit geeft ec
Lees verder →typescript - Hoe kan ik Vue-slots correct afhandelen in Storybook
Ik probeer Vue-slots werkend te krijgen in Storybook. Ik ben momenteel bij de Storybook v7 bèta-release, omdat er veranderingen waren die het beter maakten voor ons project. We gebruiken Vue 3 met Vite. We gebruiken ook overal Typescript.
Het probleem is dat Storybook niet lijkt te bieden een gemakkelijke manier om slotinhoud toe te voegen. De enige manier is via het args-object, en zelfs dan heb je iets als dit nodig om het correct te laten werken:
const meta: Meta<typ Lees verder →angular - Storybook faalt met "Kan eigenschappen van undefined niet lezen (lezen van 'base16')" voor sommige componenten
Ik probeer mijn Angular-componenten in Storybook te laten zien. Voor sommige componenten werkt dit, maar voor andere krijg ik steeds deze uitzondering te zien:
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 Lees verder →reactjs - Storybook: De gevraagde module XXX biedt geen export genaamd XXX wanneer geprobeerd wordt complexe componenten weer te geven
Ik gebruik Storybook voor de eerste keer. Het werkte tot nu toe voornamelijk, maar ik krijg nu een fout die niet veel informatie geeft (omdat het lijkt dat het verkeerd is).
Dit is een componentenbibliotheek die ik probeer te bouwen https://github.com/replyke/base
Welke 6 componenten heeft die met StoryBook moeten worden weergegeven.
4 van hen worden zonder problemen weergegeven, maar twee van hen (StatsBar & Comment) tonen de fout bij de titel.
Voor beide geldt echter
Lees verder →