typescript - Storybook kompilerar inte när man använder JSX-syntax i VUE
Jag arbetar på en enkel bedömning som kräver att jag använder TypeScript och JSX-syntax i VUE 2. Jag behöver också integrera Storybook för att testa mina UI-komponenter. Jag kan köra tester med den enkla mall-syntaxen i VUE. Men, om jag använder JSX-syntax i en VUE-komponent och försöker köra Storybook får jag följande fel.
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 mer →javascript - Storybook onClick-händelse loggas inte om jag inte lägger till den i argTypes
För att onClick-händelsen ska loggas i Storybook Actions-fliken måste jag avkommentera argTypes: { onClick: {} } i filen SimpleButton.stories.tsx. Min fråga är varför jag måste göra det? Kan den inte automatiskt härleda att onClick är en åtgärd eftersom parametern i filen .storybook/preview.js inkluderar egenskapen actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: { argTypesRegex: " Läs mer →reactjs - Integrera Storybook med TypeScript
Jag försöker integrera en mycket enkel React-app skriven i TypeScript med Storybook. Jag försökte följa flera problem på Storybooks issues-lista, men kan inte avgöra vad som är den senaste informationen. När jag försöker köra Storybook får jag följande fel:
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 någon snälla visa mig var jag kan ha fel? Hela pr
Läs mer →typescript - Webpack för Storybook: Modul hittades inte för ts-filer med .web, .ios eller .android tillägg
Jag försöker använda Storybook med expo och react-native-web. När jag försöker använda ett expo-modul får jag följande fel
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 det inte kan lösa har flera tillägg för .web.ts, .ios.ts och .andr
Läs mer →reactjs - Storybook + React Native + Typescript webpack/loader-problem
När man försöker köra ett storybook + RN + Typescript-projekt efter att ha följt båda
Och
Jag 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} från './utils/shims'; | import DraggableCore från './DraggableCore';
import type {Contr
Läs mer →reactjs - Storybook hot-reloading orsakar hooks-fel
Jag får följande fel när min storybook gör en hot reload. Det fungerar perfekt vid första laddningen:
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.0e7774668 Läs mer →reactjs - React Storybook Checkbox ändringshanterare fungerar inte
Jag skapar en kryssrute-komponent med React, Typescript, Storybook och Styled-Components, efter att ha följt denna handledning: building-a-checkbox-component-with-react-and-styled-components. Jag har behövt justera koden eftersom jag använder en FunctionComponent, men jag möter ett problem med change-handlern.
Läs mer →reactjs - storybook med typescript refererar inte till tsx-fil som typescript-fil - 'Parsing error: Missing semicolon'
Jag kan bara inte förstå varför det hände, jag försökte fixa det i några veckor och gick bara tillbaka till JavaScript på mina stories.
här är grenen som återskapar buggen. detta är hela projektet. inuti på ./examples kommer du att se demoappen som körs med react-react-app med typescript och storybook. inuti kommer du att se src/stories/Xarrow.stories.tsx som när du kör yarn storybook kastar Parsing error: Missing semicolon. precis som när jag försökte lägga
Läs mer →reactjs - Docker MonoRepo med Storybook 'kan inte hitta modul react/package.json'
Jag är ganska ny på Docker, och idag har jag försökt att dockerisera vårt Lerna-monorepo med följande inställningar:
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 mer →javascript - använda tsx och mdx i storybook react
Jag försöker uppnå detta:
men med mina berättelser uppdelade i mdx- och tsx-filer.
Hittills ser min mdx-fil ut så här:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) Läs mer →