typescript - Kuinka voin käsitellä Vue-slotteja oikein Storybookissa
Yritän saada Vue-slotit toimimaan Storybookissa. Olen tällä hetkellä Storybook v7 beta -julkaisussa, koska siellä oli muutoksia, jotka tekivät siitä paremman projektimme kannalta. Käytämme Vue 3:ta viten kanssa. Käytämme myös Typescriptiä kaikkialla.
Ongelmana on, että Storybook ei näytä tarjoavan helppoa tapaa lisätä slot-sisältöä. Ainoa tapa on args-olion kautta, ja jopa silloin tarvitset jotain tällaista sen toimimiseksi oikein:
const meta: Meta<typeof Modal> = { Lue lisää →angular - Storybook epäonnistuu virheellä "Cannot read properties of undefined (reading 'base16')" joidenkin komponenttien kohdalla
Yritän näyttää Angular-komponenttejani Storybookissa. Joidenkin komponenttien kohdalla tämä toimii, mutta toisten kohdalla saan jatkuvasti tämän poikkeuksen:
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__ Lue lisää →reactjs - Storybook: Pyydetty moduuli XXX ei tarjoa vientiä nimeltä XXX yritettäessä renderöidä monimutkaisia komponentteja
Käytän Storybookia ensimmäistä kertaa. Se on toiminut tähän asti enimmäkseen, mutta nyt saan virheen, joka ei anna paljoa tietoa (koska se vaikuttaa virheelliseltä).
Tämä on komponenttikirjasto, jota yritän rakentaa https://github.com/replyke/base
Jolla on 6 komponenttia, jotka tulisi näyttää StoryBookissa.
Neljä niistä näkyy ilman ongelmia, mutta kahdessa niistä (StatsBar & Comment) otsikossa näkyy virhe.
Molemmissa tapauksissa virhe on kuitenkin se, että rajapintaa e
Lue lisää →javascript - Kuinka ladata tyylejä .scss-tiedostoista ja React-komponenteista Storybook v7:ään
Yritän saada storybookin toimimaan projektissani, mutta se ei lataa tyylejä .scss-tiedostoistani. Kun käytän komponenttieni sisällä rivikohtaisia tyylejä, kaikki toimii hyvin, mutta ei silloin, kun tyylit tuodaan.
Seuraavat kuvat näyttävät erilaiset tulosteet storybookissa: Tarina, jossa on tyylit .scss-tiedostosta Tarina, jossa on sisäinen tyyli
Kun luen useita ketjuja, näyttää olevan eräänlainen 'tunnettu ongelma', mutta muiden ratkaisut eivät näytä toimivan minulla..
Lue lisää →reactjs - Null-arvon välttäminen Storybookin ohjaimissa
Käytän class-variance-authority-kirjastoa luodakseni painikevariaatioita ja päättelemään sitten tyypit siitä painikkeen propseille:
const variants = cva( { variants: { intent: { primary: [ ... ], secondary: [ ... ], ghost: [ Lue lisää →typescript - Storybook + Vue3:n `defineExpose`:ssa määritellyt metodit eivät näy argTabelissa automaattisesti
Minulla on CustomInput.vue näin
<!-- components/input/CustomInput.vue --> <template> <div><!-- some html... --></div> </template> <script setup lang="ts"> ... function reset(): void { // some reset action... } defineExpose({ reset }) </script>ja viein komponentin näin.
// components/input/index.ts import { default as CustomInput } from './CustomInput.vue' type Custom Lue lisää →javascript - Kuinka muutat välilehden otsikkoa käyttäessäsi Storybookia
Selventääkseni otsikko, johon viittaan, on seuraava välilehdellä Faviconin vieressä selaimessa, tällä hetkellä omani näyttää tältä: Example/Button - Docs ⋅ Storybook, enkä tunnu saavan ⋅ Storybook -osaa pois tai muokattua sitä haluamani tavalla.
addons.setConfig({ theme: create({ brandTitle: "New Title", base: "light", brandImage: logo, }) });ja lisäämällä tämän main.ts-konfiguraatioon
managerHead: (head) => Lue lisää →reactjs - Storybookin ja Vitestin käyttäminen, moduulin mokkaaminen aiheuttaa poikkeuksen
Minulla on Storybook-asennus, joka käyttää vitestiä, ja haluan simuloida moduulia tarinassa vitestin avulla, joten lisään seuraavan omien tarinoideni tiedoston alkuun:
// my-nice-function.stories.tsx import { vi } from "vitest"; vi.mock("../some-module", () => ({ someFunction: vi.fn(), })); // the actual stories below here...Mutta kun suoritan tämän tarinan, seuraava virhe ilmestyy:
Ei voi lukea määrittelemättömän omi
Lue lisää →javascript - Storybook Vue:ssä TypeScriptillä, kuinka tuoda .storybook.ts-tiedostosta (Webpack-konfiguraatiot)?
Käytän Storybookia Vuen kanssa TypeScriptissä. Virallisia TypeScript-konfiguraatioita Vuen käyttämiseen Storybookin kanssa ei ole vielä olemassa.
Kuinka määrittää Webpack siten, että voin tuoda toisesta .storybook.ts-tiedostosta .storybook.ts-
Lue lisää →javascript - Storybook Addon-Docs ei näytä koodipätkää
Käytän Storybookia visualisoimaan ja dokumentoimaan React-komponenttikirjastoamme. Kaikki toimii hyvin, paitsi että koodi ei näy dokumenttisivulla.
Projektin tiedot: Typescript, React, Storybook
Projektin riippuvuudet:
"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-co Lue lisää →