typescript - Storybook kompilerer ikke når man bruker JSX-syntaks i VUE
Jeg jobber med en enkel vurdering som krever at jeg bruker TypeScript og JSX-syntaks i VUE 2. Jeg trenger også å integrere Storybook for å teste mine UI-komponenter. Jeg kan kjøre tester med den enkle mal-syntaksen i VUE. Men, hvis jeg bruker JSX-syntaks i VUE-komponenten og prøver å kjøre Storybook, får jeg følgende feil.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_modules/@storybook/vue Les mer →javascript - Storybook onClick-hendelse logges ikke med mindre jeg legger den til i argTypes
For at onClick-hendelsen skal bli logget i Actions-fanen i Storybook, må jeg fjerne kommentaren på argTypes: { onClick: {} } i SimpleButton.stories.tsx-filen. Spørsmålet mitt er hvorfor jeg må gjøre det? Kan den ikke automatisk utlede at onClick er en handling, siden .storybook/preview.js-filen har en parameter som inkluderer egenskapen actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: { Les mer →reactjs - Integrer Storybook med TypeScript
Jeg prøver å integrere en veldig enkel React-app skrevet i TypeScript med Storybook. Jeg prøvde å følge flere problemer på Storybook-saklisten, men kan ikke si hva som er den nyeste informasjonen. Når jeg prøver å kjøre Storybook, får jeg følgende feil:
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-25Kan noen vennligst vise meg hvor jeg kan gjøre feil? Hele
Les mer →typescript - Webpack for Storybook: Modul ikke funnet for ts-filer med .web, .ios eller .android utvidelser
Jeg prøver å bruke Storybook, med expo og react-native-web. Hver gang jeg prøver å bruke en expo-modul får jeg følgende feil
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-1406Filen som den ikke kan løse har flere utvidelser for .web.ts, .ios.ts og .
Les mer →reactjs - Storybook + React Native + Typescript webpack/loader-problem
Når du prøver å kjøre et storybook + RN + Typescript-prosjekt etter å ha fulgt begge
Og
Jeg får:
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| import {dontSetMe} fra './utils/shims'; | import DraggableCore fra './DraggableCore';
import type {ControlPo
Les mer →reactjs - Storybook hot-reloading forårsaker hooks-feil
Jeg får følgende feil når Storybook varmlaster på nytt. Det fungerer perfekt ved første lasting:
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/vendors~main.0e777466815571 Les mer →reactjs - React Storybook avkrysningsboks endringsbehandler fungerer ikke
Jeg lager en avkrysningsboks-komponent ved å bruke React, Typescript, Storybook og Styled-Components, etter å ha fulgt denne veiledningen: building-a-checkbox-component-with-react-and-styled-components. Jeg har måttet justere koden ettersom jeg bruker en FunctionComponent, men jeg står overfor et problem med e
Les mer →reactjs - storybook med typescript refererer ikke til tsx-fil som typescript-fil - 'Parsing error: Missing semicolon'
Jeg kan bare ikke forstå hvorfor det skjedde, jeg prøvde å fikse det i noen uker og gikk bare tilbake til JavaScript på historiene mine.
her er grenen som reproduserer feilen. Dette er hele prosjektet. Inni på ./examples vil du se demoappen som kjører med react-react-app med typescript og storybook. Inni vil du se src/stories/Xarrow.stories.tsx som når du kjører yarn storybook kaster Parsing error: Missing semicolon. akkurat som når jeg prøvde å legge typesc
Les mer →reactjs - Docker MonoRepo med Storybook 'kan ikke finne modul react/package.json'
Jeg er ganske ny med Docker, og i dag har jeg prøvd å dockerisere vår Lerna-monorepo ved å bruke følgende innstillinger:
dockerfil
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 ../../ Les mer →javascript - bruke tsx og mdx i storybook react
Jeg prøver å oppnå dette:
men med historiene mine delt opp i mdx- og tsx-filer.
Så langt ser min mdx-fil slik ut:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) => Les mer →