typescript - Hur kan jag hantera Vue-slots på ett korrekt sätt i Storybook
Jag försöker få Vue-slots att fungera i Storybook. Jag är för närvarande på Storybook v7 beta-versionen, eftersom det gjordes ändringar som gjorde det bättre för vårt projekt. Vi använder Vue 3 med Vite. Vi använder också Typescript överallt.
Problemet är att Storybook inte verkar ge ett enkelt sätt att lägga till slot-innehåll. Det enda sättet är genom args-objektet, och även då behöver du något i stil med detta för att få det att fungera korrekt:
const meta: Meta<type Läs mer →angular - Storybook misslyckas med "Kan inte läsa egenskaper av odefinierad (läser 'base16')" för vissa komponenter
Jag försöker visa mina Angular-komponenter i Storybook. För vissa komponenter fungerar detta, men för andra får jag hela tiden detta undantag visas:
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__ (http:// Läs mer →reactjs - Storybook: Den begärda modulen XXX tillhandahåller ingen export som heter XXX när man försöker rendera komplexa komponenter
Jag använder Storybook för första gången. Det har mestadels fungerat hittills, men jag får nu ett fel som inte ger mycket information (eftersom det verkar vara fel).
Detta är ett komponentbibliotek som jag försöker bygga https://github.com/replyke/base
Vilket har 6 komponenter som bör visas med StoryBook.
Fyra av dem visas utan problem, men två av dem (StatsBar & Comment) visar felet på titeln.
För båda dessa är felet dock att ett gränssnitt inte exporteras, men inte f
Läs mer →javascript - Hur man laddar stilar från .scss-filer och React-komponenter till Storybook v7
Jag försöker få Storybook att fungera för mitt projekt men det kommer inte att ladda stilarna från mina .scss-filer. När jag använder inline-stilar i mina komponenter fungerar allt bra men inte när stilarna importeras.
Följande bilder visar olika utdata i storybook: Berättelse med stilar från .scss Berättelse med inline-stil
När jag läser på flera trådar verkar det vara ett slags 'känt problem', men lösningarna som fungerar för alla andra verkar inte fungera för mig.. Ka
Läs mer →reactjs - Undvika null-värde i Storybook-kontroller
Jag använder class-variance-authority för att skapa knappvarianter och sedan härleda typer från det för knappens egenskaper:
const variants = cva( { variants: { intent: { primary: [ ... ], secondary: [ ... ], ghost: [ Läs mer →typescript - Storybook + Vue3 metoder som exponeras i `defineExpose` är inte synliga i argTable automatiskt
jag har CustomInput.vue som detta
<!-- components/input/CustomInput.vue --> <template> <div><!-- some html... --></div> </template> <script setup lang="ts"> ... function reset(): void { // some reset action... } defineExpose({ reset }) </script>och jag exporterar komponenten så här.
// components/input/index.ts import { default as CustomInput } from './CustomInput.vue Läs mer →javascript - Hur ändrar man titeln på fliken när man använder Storybook
För mer förtydligande, titeln jag hänvisar till är den som visas på fliken bredvid faviconen i en webbläsare, för närvarande ser min ut så här: Example/Button - Docs ⋅ Storybook, och jag verkar inte kunna bli av med ⋅ Storybook-delen eller redigera den som jag vill.
addons.setConfig({ theme: create({ brandTitle: "New Title", base: "light", brandImage: logo, }) });och lägga till detta i main.ts-konfigurationen
man Läs mer →reactjs - Att använda Storybook och Vitest, att mocka en modul kastar ett undantag
Jag har en Storybook-konfiguration som använder vitest, och jag vill mocka en modul i en story via vitest, så jag lägger till följande högst upp i min stories-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 jag kör den här historien uppstår följande fel:
Kan inte läsa egenskaper av undefined (läs
Läs mer →javascript - Storybook med Vue i TypeScript hur importerar man från en .storybook.ts-fil (Webpack-konfigurationer)?
Jag använder Storybook med Vue i TypeScript. Det finns ännu inga officiella TypeScript-konfigurationer för att använda Vue med Storybook.
Hur konfigurerar man Webpack så att man i en .storybook.ts kan importera från en annan .storybook.ts-fil?
Läs mer →javascript - Storybook Addon-Docs visar inte kodsnutt
Jag använder Storybook för att visualisera och dokumentera vårt React-komponentbibliotek. Allt fungerar bra förutom att koden inte visas på dokumentsidan.
Projektdatadata: Typescript, React, Storybook
Projektsberoenden:
"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-c Läs mer →