typescript - Storybook se ne kompajlira kada se koristi JSX sintaksa u VUE
Radim na jednostavnoj procjeni koja zahtijeva da koristim TypeScript i JSX sintaksu u VUE 2. Također trebam integrirati Storybook kako bih testirao svoje UI komponente. Uspijevam pokrenuti testove s jednostavnom predložak sintaksom VUE-a. Ali, ako koristim JSX sintaksu u VUE komponenti i pokušam pokrenuti Storybook, dobijem sljedeću pogrešku.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_mo Čitaj više →javascript - Storybook onClick događaj se ne bilježi osim ako ga ne dodam u argTypes
Da bi se onClick događaj zabilježio u kartici Actions u Storybooku, moram odkomentirati argTypes: { onClick: {} } u datoteci SimpleButton.stories.tsx. Moje pitanje je, zašto to moram raditi? Zar ne može automatski zaključiti da je onClick akcija budući da datoteka .storybook/preview.js u parametrima uključuje svojstvo actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: { argTypesRegex: "^on[A-Z Čitaj više →reactjs - Integracija Storybooka s TypeScriptom
Pokušavam integrirati vrlo jednostavnu React aplikaciju napisanu u TypeScriptu sa Storybookom. Pokušao sam pratiti nekoliko problema na popisu problema Storybooka, ali ne mogu točno reći koja je najnovija informacija. Kada pokušam pokrenuti Storybook, dobijem sljedeću pogrešku:
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-25Može li mi netko, molim, pokazat
Čitaj više →typescript - Webpack za Storybook: Modul nije pronađen za ts datoteke s .web, .ios ili .android ekstenzijama
Pokušavam koristiti Storybook s expo i react-native-web. Kad god pokušam koristiti expo modul, dobijem sljedeću pogrešku
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-1406Datoteka koju ne može riješiti ima više ekstenzija: .web.ts, .ios.ts i .androi
Čitaj više →reactjs - Storybook + React Native + Typescript problem s webpack/loaderom
Pokušavajući pokrenuti projekt storybook + RN + Typescript nakon što ste slijedili oba
I
Dobivam:
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} from './utils/shims'; | import DraggableCore from './DraggableCore';
import type {Contro
Čitaj više →reactjs - Hot reloading u Storybooku uzrokuje grešku kod hookova
Dobivam sljedeću pogrešku kada se moj Storybook ponovno učitava uživo. Na prvom učitavanju radi savršeno:
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 Čitaj više →reactjs - React Storybook Checkbox handler promjene ne radi
Kreiram komponentu za kvačicu koristeći React, Typescript, Storybook i Styled-Components, nakon što sam slijedio ovaj tutorijal: building-a-checkbox-component-with-react-and-styled-components. Morao sam prilagoditi kod jer koristim FunctionComponent, ali se suočavam s problemom s handlerom za promjene. Ne mogu
Čitaj više →reactjs - storybook s typescriptom ne prepoznaje tsx datoteku kao typescript datoteku - 'Greška pri parsiranju: Nedostaje točka-zarez'
Jednostavno ne mogu shvatiti zašto se to dogodilo, pokušavao sam to popraviti nekoliko tjedana i samo sam se vratio na JavaScript u svojim pričama.
evo grane koja reproducira grešku. ovo je cijeli projekt. unutra u ./examples vidjet ćete demo aplikaciju koja radi s react-react-app s typescriptom i storybookom. unutra ćete vidjeti src/stories/Xarrow.stories.tsx koja pri pokretanju yarn storybook baca Parsing error: Missing semicolon. baš kao da sam pokušao st
Čitaj više →reactjs - Docker MonoRepo sa Storybook 'ne može pronaći modul react/package.json'
Prilično sam novi u Dockeru, i danas sam pokušao dockerizirati naš Lerna monorepo koristeći sljedeće postavke:
docker datoteka
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 ../../../. Čitaj više →javascript - korištenje tsx i mdx u storybook reactu
Pokušavam postići ovo:
ali s mojim pričama razloženim u mdx i tsx datoteke.
Do sada moja mdx datoteka izgleda ovako:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) = Čitaj više →