typescript - Cum pot să gestionez corespunzător sloturile Vue în Storybook
Încerc să fac să funcționeze sloturile Vue în Storybook. În prezent, sunt la versiunea beta Storybook v7, deoarece au fost schimbări care au îmbunătățit proiectul nostru. Folosim Vue 3 cu vite. De asemenea, folosim Typescript peste tot.
Problema este că Storybook nu pare să ofere o modalitate ușoară de a adăuga conținut în sloturi. Singura modalitate este prin obiectul args, și chiar și atunci ai nevoie de ceva de genul acesta pentru a funcționa corect:
const meta: Meta< Citeste mai mult →angular - Storybook eșuează cu „Nu se pot citi proprietățile nedeterminate (citind 'base16')” pentru unele componente
Încerc să afișez componentele mele Angular în Storybook. Pentru unele componente funcționează, dar pentru altele, continuu să primesc această excepție:
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 Citeste mai mult →reactjs - Storybook: Modulul solicitat XXX nu oferă un export numit XXX când încerc să redau componente complexe
Folosesc Storybook pentru prima dată. Până acum a funcționat în mare parte, dar acum primesc o eroare care nu oferă prea multe informații (având în vedere că pare să fie greșită).
Aceasta este o bibliotecă de componente pe care încerc să o construiesc https://github.com/replyke/base
Care are 6 componente care ar trebui să fie afișate cu StoryBook.
Patru dintre ele se afișează fără probleme, dar două dintre ele (StatsBar și Comment) arată eroarea în titlu.
Pentru ambele
Citeste mai mult →javascript - Cum să încarci stiluri din fișiere .scss și componente React în Storybook v7
Încerc să pornesc Storybook pentru proiectul meu, dar nu încarcă stilurile din fișierele mele .scss. Când folosesc stiluri inline în componentele mele, totul funcționează bine, dar nu când stilurile sunt importate.
Următoarele imagini arată diferitele rezultate din storybook: Poveste cu stiluri din .scss Poveste cu stil inline
Când citesc mai multe fire de discuție, se pare că este un fel de „problemă cunoscută”, dar soluțiile pentru toată lumea nu par să funcționeze pen
Citeste mai mult →reactjs - Evitarea valorii nule în controalele Storybook
Folosesc class-variance-authority pentru a crea variante de buton și apoi deduc tipurile din aceasta pentru proprietățile butonului:
const variants = cva( { variants: { intent: { primary: [ ... ], secondary: [ ... ], ghost: [ Citeste mai mult →typescript - Storybook + Vue3 metodele expuse în `defineExpose` nu sunt vizibile automat în argTable
am CustomInput.vue astfel
<!-- components/input/CustomInput.vue --> <template> <div><!-- some html... --></div> </template> <script setup lang="ts"> ... function reset(): void { // some reset action... } defineExpose({ reset }) </script>și eu export componenta astfel.
// components/input/index.ts import { default as CustomInput } from './CustomInput.vue' type CustomI Citeste mai mult →javascript - Cum schimbi titlul din fila atunci când folosești Storybook
Pentru mai multe clarificări, titlul la care mă refer este cel de pe fila de lângă Favicon într-un browser, în prezent al meu arată așa: Example/Button - Docs ⋅ Storybook, și nu reușesc să scap de partea ⋅ Storybook sau să o editez așa cum vreau.
addons.setConfig({ theme: create({ brandTitle: "New Title", base: "light", brandImage: logo, }) });și adăugând acest lucru la configurația main.ts
managerHead: (head) =& Citeste mai mult →reactjs - Folosind Storybook și Vitest, simularea unui modul aruncă excepție
Am un setup Storybook folosind vitest și vreau să fac mock unui modul într-o poveste prin vitest, așa că adaug următorul lucru în partea de sus a fișierului meu de povești:
// my-nice-function.stories.tsx import { vi } from "vitest"; vi.mock("../some-module", () => ({ someFunction: vi.fn(), })); // the actual stories below here...Dar când rulez această poveste, apare următoarea eroare:
Nu se pot citi proprietățile unu
Citeste mai mult →javascript - Storybook cu Vue în TypeScript cum să import dintr-un fișier .storybook.ts (configurații Webpack)?
Folosesc Storybook cu Vue în TypeScript. Nu există încă configurații oficiale TypeScript pentru utilizarea Vue cu Storybook.
Cum să configurez Webpack astfel încât într-un fișier .storybook.ts să pot importa dintr-un alt fișier .storybook.ts?
Citeste mai mult →javascript - Storybook Addon-Docs nu afișează fragmentul de cod
Folosesc Storybook pentru a vizualiza și documenta biblioteca noastră de componente React. Totul funcționează bine, cu excepția faptului că nu afișează codul în pagina de documentație.
Date proiect: Typescript, React, Storybook
Dependențe ale proiectului:
"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", "re Citeste mai mult →