typescript - Hvordan kan jeg korrekt håndtere Vue-slots i Storybook
Jeg prøver at få Vue slots til at fungere i Storybook. Jeg er i øjeblikket på Storybook v7 beta-udgivelse, fordi der var ændringer, der gjorde det bedre for vores projekt. Vi bruger Vue 3 med vite. Vi bruger også Typescript overalt.
Problemet er, at Storybook ikke ser ud til at give en nem måde at tilføje slot-indhold på. Den eneste måde er gennem args-objektet, og selv da har du brug for noget som dette for at få det til at fungere korrekt:
const meta: Meta<typeof Moda Læs mere →angular - Storybook fejler med "Kan ikke læse egenskaber af undefined (læser 'base16')" for nogle komponenter
Jeg forsøger at vise mine Angular-komponenter i Storybook. For nogle komponenter fungerer dette, men for andre bliver jeg ved med at få vist denne undtagelse:
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_ Læs mere →reactjs - Storybook: Den ønskede modul XXX leverer ikke en eksport med navnet XXX, når der forsøges at gengive komplekse komponenter
Jeg bruger Storybook for første gang. Det har fungeret nogenlunde indtil videre, men jeg får nu en fejl, der ikke giver meget information (da det ser ud til at være forkert).
Dette er et komponentbibliotek, jeg prøver at bygge https://github.com/replyke/base
Som har 6 komponenter, der skal vises med StoryBook.
4 af dem vises uden problemer, men to af dem (StatsBar & Comment) viser fejlen på titlen.
For begge disse er fejlen dog, at et interface ikke bliver eksporteret,
Læs mere →javascript - Hvordan man indlæser stilarter fra .scss-filer og React-komponenter til Storybook v7
Jeg prøver at få Storybook til at køre for mit projekt, men det vil ikke indlæse stilarterne fra mine .scss-filer. Når jeg bruger inline-stilarter i mine komponenter, fungerer det hele fint, men ikke når stilarterne importeres.
Følgende billeder viser den forskellige output i Storybook: Historie med stilarter fra .scss Historie med inline-stil
Når man læser på flere tråde, ser det ud til at være et slags 'kendt problem', men løsningerne for alle andre ser ikke ud til at
Læs mere →reactjs - Undgå nulværdi i Storybook-kontroller
Jeg bruger class-variance-authority til at skabe knapvarianter og derefter aflæse typer fra det til knap-props:
const variants = cva( { variants: { intent: { primary: [ ... ], secondary: [ ... ], ghost: [ ... ] Læs mere →typescript - Storybook + Vue3 metoder eksponeret i `defineExpose` er ikke automatisk synlige i argTable
jeg har CustomInput.vue sådan her
<!-- components/input/CustomInput.vue --> <template> <div><!-- some html... --></div> </template> <script setup lang="ts"> ... function reset(): void { // some reset action... } defineExpose({ reset }) </script>og jeg eksporterer komponenten sådan her.
// components/input/index.ts import { default as CustomInput } from './CustomInput. Læs mere →javascript - Hvordan ændrer man titlen på fanen, når man bruger Storybook
For mere afklaring er den titel, jeg refererer til, den næste på fanen ved siden af Favicon på en browser. Lige nu er min sådan her: Eksempel/Knap - Docs ⋅ Storybook, og jeg kan ikke synes at slippe af med ⋅ Storybook-delen eller redigere den, som jeg vil.
addons.setConfig({ theme: create({ brandTitle: "New Title", base: "light", brandImage: logo, }) });og tilføje dette til main.ts-konfigurationen
managerHead: (h Læs mere →reactjs - Brug af Storybook og Vitest, at mocke et modul kaster en undtagelse
Jeg har en Storybook-opsætning, der bruger vitest, og jeg vil mocke et modul i en historie via vitest, så jeg tilføjer følgende øverst i min historier-fil:
// my-nice-function.stories.tsx import { vi } from "vitest"; vi.mock("../some-module", () => ({ someFunction: vi.fn(), })); // the actual stories below here...Men når jeg kører denne historie, opstår følgende fejl:
Kan ikke læse egenskaber af udefineret (læser 'cus
Læs mere →javascript - Storybook med Vue i TypeScript hvordan importeres fra en .storybook.ts-fil (Webpack-konfigurationer)?
Jeg bruger Storybook med Vue i TypeScript. Der findes endnu ingen officielle TypeScript-konfigurationer til at bruge Vue med Storybook.
Hvordan konfigurerer man Webpack, så jeg i en .storybook.ts kan importere fra en anden .storybook.ts-fil?
Læs mere →javascript - Storybook Addon-Docs viser ikke kodeudsnit
Jeg bruger Storybook til at visualisere og dokumentere vores React-komponentbibliotek. Alt fungerer fint, undtagen at koden ikke vises på dokumentsiden.
Projektdata: Typescript, React, Storybook
Projektafhængigheder:
"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", "react-scripts": "3.2.0", "styled-comp Læs mere →