typescript - Storybook ei käännä, kun käytetään JSX-syntaksia VUESSA
Työskentelen yksinkertaisen arvioinnin parissa, joka vaatii minua käyttämään TypeScriptiä ja JSX-syntaksia VUE 2:ssa. Minun täytyy myös integroida Storybook testatakseni käyttöliittymäkomponenttejani. Voin suorittaa testit yksinkertaisella VUE-templaatin syntaksilla. Mutta jos käytän JSX-syntaksia VUE-komponentissa ja yritän suorittaa Storybookia, saan seuraavan virheen.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed wit Lue lisää →javascript - Storybookin onClick-tapahtumaa ei kirjata, ellei sitä lisää argTypesiin
Jotta onClick-tapahtuma kirjattaisiin Storybookin Actions-välilehdelle, minun täytyy poistaa kommenttimerkki argTypes: { onClick: {} } riviltä SimpleButton.stories.tsx tiedostossa. Kysymykseni on, miksi minun täytyy tehdä näin? Eikö sen pitäisi automaattisesti päätellä, että onClick on toiminto, kun .storybook/preview.js tiedostossa parametrit sisältävät ominaisuuden actions: { argTypesRegex: "^on[A-Z].*" }?
export co Lue lisää →reactjs - Yhdistä Storybook TypeScriptin kanssa
Yritän integroida erittäin yksinkertaista TypeScriptillä kirjoitettua React-sovellusta Storybookiin. Yritin seurata useita ongelmia Storybookin ongelmalistalla, mutta en osaa sanoa, mikä on uusin tieto. Kun yritän käynnistää Storybookin, saan seuraavan virheen:
ERROR in ./.storybook/config.js Module not found: Error: Can't resolve '../stories' in 'react-mobx-mui-ts-seed/.storybook' @ ./.storybook/config.js 6:4-25Voiko joku ystävällisesti osoittaa, missä saatan
Lue lisää →typescript - Webpack Storybookille: Moduulia ei löytynyt ts-tiedostoille, joilla on .web-, .ios- tai .android-päätteet
Yritän käyttää Storybookia yhdessä expo:n ja react-native-webin kanssa. Aina kun yritän käyttää expo-moduulia, saan seuraavan virheen
ERROR in ./node_modules/expo-linear-gradient/build/LinearGradient.js Module not found: Error: Can't resolve './NativeLinearGradient' in '/Fleyver/front/node_modules/expo-linear-gradient/build' @ ./node_modules/expo-linear-gradient/build/LinearGradient.js 1:1373-1406Tiedostossa, jota se ei voi ratkaista, on useita tiedostopäätteit
Lue lisää →reactjs - Storybook + React Native + Typescript webpack/loader-ongelma
Kun yritetään ajaa storybook + RN + Typescript -projektia molempien seuraamisen jälkeen
Ja
Minä saan:
ModuleParseError: Module parse failed: Unexpected token (10:12) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders| tuo {dontSetMe} tiedostosta './utils/shims'; | tuo DraggableCore tiedostosta './DraggableCore';
import
Lue lisää →reactjs - Storybookin kuuman uudelleenlatauksen aiheuttama hook-virhe
Saan seuraavan virheen, kun storybookini lataa uudelleen kuumana. Se toimii täydellisesti ensimmäisellä latauskerralla:
TypeError: Cannot read property 'hooks' of undefined at StoryStore.cleanHooks (http://localhost:9009/vendors~main.0e777466815571a0333e.bundle.js:6197:22) at renderMain (http://localhost:9009/vend Lue lisää →reactjs - React Storybook -valintaruudun muutoskäsittelijä ei toimi
Olen luomassa valintaruudun komponenttia käyttäen Reactia, Typescriptiä, Storybookia ja Styled-Componentsia, seurattuani tätä opasta: building-a-checkbox-component-with-react-and-styled-components. Olen joutunut säätämään koodia, koska käytän FunctionComponentia, mutta kohtaan ongelman muutoksen käsittelijän k
Lue lisää →reactjs - storybook TypeScriptin kanssa ei viittaa tsx-tiedostoon TypeScript-tiedostona - 'Parsing error: Missing semicolon'
En vain voi ymmärtää, miksi se tapahtui, yritin korjata sitä muutaman viikon ajan ja palasin vain JavaScriptiin tarinoissani.
tässä on haara, joka toistaa virheen. tämä on koko projekti. ./examples-kansiossa näet demon sovelluksen, joka toimii react-react-appin kanssa TypeScriptillä ja Storybookilla. sisällä näet src/stories/Xarrow.stories.tsx-tiedoston, joka suoritettaessa yarn storybook antaa Parsing error: Missing semicolon., aivan kuin yritin laittaa Typ
Lue lisää →reactjs - Docker MonoRepo Storybookin kanssa 'ei löydy moduulia react/package.json'
Olen melko uusi Dockerin käyttäjä, ja tänään olen yrittänyt dockerisoida lerna-monorepon käyttämällä seuraavia asetuksia:
dockerfile
FROM node:14.13.1-alpine Add node modules bin to path ENV PATH /app/node_modules/.bin:$PATH ENV PATH /app/packages/core/node_modules/.bin:$PATH WORKDIR /app Install app deps COPY ./ ./ RUN yarn install RUN yarn bootstrap RUN cd packages/core && yarn install && cd ./node_modules/react && yarn link && cd ../. Lue lisää →javascript - tsx:n ja mdx:n käyttäminen storybook reactissa
Yritän saavuttaa tämän:
mutta tarinani jaettuna mdx- ja tsx-tiedostoihin.
Tähän mennessä MDX-tiedostoni näyttää tältä:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) Lue lisää →