typescript - Storybook nu se compilează atunci când se folosește sintaxa JSX în VUE
Lucrez la o evaluare simplă care necesită să folosesc TypeScript și sintaxa JSX în VUE 2. De asemenea, trebuie să integrez Storybook pentru a testa componentele mele UI. Pot rula teste cu sintaxa simplă a template-ului VUE. Dar, dacă folosesc sintaxa JSX în componenta VUE și încerc să rulez Storybook, primesc următoarea eroare.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_modules/@storyboo Citeste mai mult →javascript - Evenimentul onClick din Storybook nu este înregistrat decât dacă îl adaug la argTypes
Pentru ca evenimentul onClick să fie înregistrat în fila Actions din Storybook, trebuie să decomentez argTypes: { onClick: {} } în fișierul SimpleButton.stories.tsx. Întrebarea mea este de ce trebuie să fac asta? Nu poate să deducă automat că onClick este o acțiune, deoarece în fișierul .storybook/preview.js parametrii includ proprietatea actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: Citeste mai mult →reactjs - Integrarea Storybook cu TypeScript
Încerc să integrez o aplicație React foarte simplă scrisă în TypeScript cu Storybook. Am încercat să urmez mai multe probleme de pe lista de probleme Storybook, dar nu pot spune care sunt cele mai recente informații. Când încerc să rulez Storybook, primesc următoarea eroare:
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-25Poate cineva să-mi arate, vă rog, u
Citeste mai mult →typescript - Webpack pentru Storybook: Modulul nu a fost găsit pentru fișierele ts cu extensiile .web, .ios sau .android
Încerc să folosesc Storybook, cu expo și react-native-web. Ori de câte ori încerc să folosesc un modul expo primesc următoarea eroare
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-1406Fișierul pe care nu îl poate rezolva are mai multe extensii pentr
Citeste mai mult →reactjs - Storybook + React Native + problem cu webpack/loader în Typescript
Când încerc să rulez un proiect storybook + RN + Typescript după ce am urmat ambele
Și
Eu primesc:
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 {Contr
Citeste mai mult →reactjs - Reîncărcarea la cald în Storybook cauzează eroare la hooks
Primesc următoarea eroare când Storybook-ul meu se reîncarcă automat. Funcționează perfect la prima încărcare:
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. Citeste mai mult →reactjs - Handler-ul de schimbare al casetei de selectare din React Storybook nu funcționează
Creez un component checkbox folosind React, Typescript, Storybook și Styled-Components, după ce am urmat acest tutorial: building-a-checkbox-component-with-react-and-styled-components. A trebuit să ajustez codul deoarece folosesc un FunctionComponent, dar mă confrunt cu o problemă la handler-ul de schimbare. N
Citeste mai mult →reactjs - storybook cu typescript nu se referă la fișierul tsx ca fișier TypeScript - 'Eroare de analiză: Punct și virgulă lipsă'
Pur și simplu nu pot înțelege de ce s-a întâmplat, am încercat să repar timp de câteva săptămâni și m-am întors pur și simplu la javascript pentru poveștile mele.
iată branch-ul care reproduce bug-ul. acesta este întregul proiect. în interior, la ./examples, vei vedea o aplicație demo rulând cu react-react-app cu typescript și storybook. în interior vei vedea src/stories/Xarrow.stories.tsx care, atunci când rulezi yarn storybook, aruncă Parsing error: Missing semic
Citeste mai mult →reactjs - Docker MonoRepo cu Storybook 'nu se poate găsi modulul react/package.json'
Sunt destul de nou în Docker și astăzi am încercat să dockerizez monorepo-ul nostru Lerna folosind următoarele setări:
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 ../../. Citeste mai mult →javascript - utilizarea tsx și mdx în storybook react
Încerc să realizez asta:
dar cu poveștile mele împărțite în fișiere mdx și tsx.
Până acum fișierul meu mdx arată așa:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) Citeste mai mult →