typescript - Storybook kompilerer ikke, når der bruges JSX-syntax i VUE
Jeg arbejder på en simpel vurdering, der kræver, at jeg bruger TypeScript og JSX-syntaks i VUE 2. Jeg skal også integrere Storybook for at teste mine UI-komponenter. Jeg kan køre tests med den simple templatesyntaks i VUE. Men hvis jeg bruger JSX-syntaks i en VUE-komponent og prøver at køre Storybook, får jeg følgende fejl.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_modules/@storybook/vu Læs mere →javascript - Storybook onClick-hændelse bliver ikke logget, medmindre jeg tilføjer den til argTypes
For at onClick-begivenheden kan blive logget i Storybooks Actions-fane, skal jeg fjerne kommenteringen af argTypes: { onClick: {} } i SimpleButton.stories.tsx-filen. Mit spørgsmål er, hvorfor jeg skal gøre det? Kan den ikke automatisk udlede, at onClick er en handling, da .storybook/preview.js-filen indeholder en parameter med egenskaben actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: Læs mere →reactjs - Integrer Storybook med TypeScript
Jeg forsøger at integrere en meget enkel React-app skrevet i TypeScript med Storybook. Jeg har prøvet at følge flere problemer på Storybook-issues-listen, men kan ikke afgøre, hvad der er den seneste information. Når jeg prøver at køre Storybook, får jeg følgende fejl:
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 nogen venligst pege mig i retning af,
Læs mere →typescript - Webpack til Storybook: Modul ikke fundet for ts-filer med .web, .ios eller .android-udvidelser
Jeg prøver at bruge Storybook med expo og react-native-web. Hver gang jeg prøver at bruge et expo-modul, får jeg følgende fejl
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 udvidelser for .web.ts, .ios.ts
Læs mere →reactjs - Storybook + React Native + Typescript webpack/loader problem
Når man forsøger at køre et storybook + RN + Typescript-projekt efter at have 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 {Cont
Læs mere →reactjs - Storybook hot reloading forårsager hooks-fejl
Jeg får følgende fejl, når min storybook genindlæses hot. Det fungerer perfekt ved den første indlæsning:
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.0e777 Læs mere →reactjs - React Storybook Checkbox ændringshåndtering virker ikke
Jeg er i gang med at lave en checkbox-komponent ved hjælp af React, Typescript, Storybook og Styled-Components, efter at have fulgt denne tutorial: building-a-checkbox-component-with-react-and-styled-components. Jeg har været nødt til at justere koden, da jeg bruger en FunctionComponent, men jeg støder på et p
Læs mere →reactjs - storybook med typescript refererer ikke til tsx-fil som typescript-fil - 'Parsing error: Manglende semikolon'
Jeg kan bare ikke forstå, hvorfor det skete, jeg prøvede at ordne det i et par uger og gik bare tilbage til JavaScript på mine historier.
her er grenen, som reproducerer fejlen. dette er hele projektet. inde i ./examples vil du se demoappen køre med react-react-app med typescript og storybook. inde vil du se src/stories/Xarrow.stories.tsx, som når du kører yarn storybook giver Parsing error: Missing semicolon. lige som når jeg prøvede at sætte typescript ind
Læs mere →reactjs - Docker MonoRepo med Storybook 'kan ikke finde modulet react/package.json'
Jeg er ret ny til Docker, og i dag har jeg forsøgt at dockerisere vores Lerna-monorepo ved hjælp af følgende indstillinger:
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 ../ Læs mere →javascript - brug af tsx og mdx i storybook react
Jeg prøver at opnå dette:
men med mine historier opdelt i mdx- og tsx-filer.
Indtil videre ser min mdx-fil sådan ud:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) = Læs mere →