Vyhledávání na webu
typescript - Storybook se nekompiluje při použití JSX syntaxe ve VUE
Pracuji na jednoduchém hodnocení, které ode mě vyžaduje použití TypeScriptu a JSX syntaxe ve VUE 2. Také potřebuji integrovat Storybook, abych mohl testovat své UI komponenty. Dokážu spustit testy s jednoduchou šablonovou syntaxí VUE. Ale pokud použiji JSX syntaxi ve VUE komponentě a pokusím se spustit Storybook, dostanu následující chybu.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_modul Přečtěte si více →javascript - Událost onClick ve Storybooku se nezaznamená, pokud ji nepřidám do argTypes
Aby byla událost onClick zaznamenána na kartě Actions ve Storybooku, musím odkomentovat argTypes: { onClick: {} } v souboru SimpleButton.stories.tsx. Moje otázka je, proč to musím dělat? Nemůže Storybook automaticky rozpoznat, že onClick je akce, protože v souboru .storybook/preview.js parametry obsahují vlastnost actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: { argTypesRegex: "^ Přečtěte si více →reactjs - Integrace Storybooku s TypeScriptem
Snažím se integrovat velmi jednoduchou aplikaci React napsanou v TypeScriptu se Storybookem. Snažil jsem se sledovat několik problémů na seznamu problémů Storybooku, ale nemohu zjistit, jaké jsou nejnovější informace. Když se pokusím spustit Storybook, dostanu následující chybu:
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-25Může mi někdo prosím ukázat, kd
Přečtěte si více →typescript - Webpack pro Storybook: Modul nebyl nalezen pro ts soubory s příponami .web, .ios nebo .android
Snažím se používat Storybook s expem a react-native-web. Kdykoli se pokusím použít modul expa, zobrazí se mi následující chyba
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-1406Soubor, který nelze vyřešit, má více přípon pro .web.ts, .ios.ts a .andr
Přečtěte si více →reactjs - Storybook + React Native + Typescript problém s webpack/loader
Při pokusu spustit projekt storybook + RN + Typescript po provedení obou
A
Dostávám:
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 {ControlPosition, Po
Přečtěte si více →reactjs - Hot reloading ve Storybook způsobuje chyby hooků
Při horkém načítání mého Storybooku dostávám následující chybu. Při prvním načtení ale funguje perfektně:
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 Přečtěte si více →reactjs - React Storybook Checkbox handler změny nefunguje
Vytvářím komponentu zaškrtávacího políčka pomocí React, TypeScript, Storybook a Styled-Components, po sledu tohoto tutoriálu: building-a-checkbox-component-with-react-and-styled-components. Musel jsem upravit kód, protože používám FunctionComponent, ale čelím problému s handlerem změny. Nemohu zaškrtnout ani o
Přečtěte si více →reactjs - storybook s typescriptem neodkazuje na soubor tsx jako na soubor TypeScript - 'Chyba při parsování: Chybějící středník'
Prostě nemohu pochopit, proč se to stalo, snažil jsem se to pár týdnů opravit a nakonec jsem se jen vrátil k JavaScriptu u svých příběhů.
tady je větev, která reprodukuje chybu. toto je celý projekt. uvnitř v ./examples uvidíte demo aplikaci běžící s react-react-app s typescriptem a storybookem. uvnitř uvidíte src/stories/Xarrow.stories.tsx, který při spuštění yarn storybook vyhazuje Parsing error: Missing semicolon. stejně jako když jsem se pokusil dát type
Přečtěte si více →reactjs - Docker MonoRepo se Storybook 'nelze najít modul react/package.json'
Jsem docela nový v Dockeru, a dnes jsem se pokusil dockerizovat náš Lerna monorepo pomocí následujícího nastavení:
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 ../../../.. Přečtěte si více →javascript - použití tsx a mdx ve Storybook React
Snažím se to dosáhnout:
ale s mými příběhy rozdělenými do souborů mdx a tsx.
Zatím můj soubor mdx vypadá takto:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) => Přečtěte si více →