Wyszukiwanie w witrynie
typescript - Storybook nie kompiluje się przy użyciu składni JSX w VUE
Pracuję nad prostą oceną, która wymaga użycia TypeScript i składni JSX w VUE 2. Muszę również zintegrować Storybook, aby przetestować moje komponenty UI. Udało mi się uruchomić testy z prostą składnią szablonu VUE. Jednak jeśli użyję składni JSX w komponencie VUE i spróbuję uruchomić Storybook, otrzymuję następujący błąd.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_modules/@storybook/vue/ Czytaj więcej →javascript - Zdarzenie onClick w Storybook nie jest logowane, chyba że dodam je do argTypes
Aby zdarzenie onClick było rejestrowane w zakładce Actions w Storybooku, muszę odkomentować argTypes: { onClick: {} } w pliku SimpleButton.stories.tsx. Moje pytanie brzmi: dlaczego muszę to zrobić? Czy nie może automatycznie wywnioskować, że onClick jest akcją, skoro w pliku .storybook/preview.js parametry zawierają właściwość actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: { argTypesR Czytaj więcej →reactjs - Zintegrować Storybook z TypeScriptem
Próbuję zintegrować bardzo prostą aplikację React napisaną w TypeScript z Storybookiem. Próbowałem śledzić kilka problemów na liście issue Storybooka, ale nie mogę stwierdzić, jakie są najnowsze informacje. Kiedy próbuję uruchomić Storybooka, otrzymuję następujący błąd:
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-25Czy ktoś mógłby mi wskazać, gdzie mogę p
Czytaj więcej →typescript - Webpack dla Storybook: Nie znaleziono modułu dla plików ts z rozszerzeniami .web, .ios lub .android
Próbuję używać Storybooka wraz z expo i react-native-web. Za każdym razem, gdy próbuję użyć modułu expo, otrzymuję następujący błąd
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-1406Plik, którego nie można rozwiązać, ma wiele rozszerzeń: .web.ts, .i
Czytaj więcej →reactjs - Storybook + React Native + Typescript problem z webpack/loader
Podczas próby uruchomienia projektu storybook + RN + Typescript po wykonaniu obu
I
Dostaję:
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 {ControlPosit
Czytaj więcej →reactjs - Hot reloading w Storybook powoduje błąd hooków
Otrzymuję następujący błąd, gdy mój Storybook przeładowuje się na gorąco. Działa idealnie przy pierwszym załadowaniu:
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/vendor Czytaj więcej →reactjs - Handler zmiany checkboxa w React Storybook nie działa
Tworzę komponent pola wyboru (checkbox) używając React, Typescript, Storybook i Styled-Components, po śledzeniu tego samouczka: building-a-checkbox-component-with-react-and-styled-components. Musiałem dostosować kod, ponieważ używam FunctionComponent, ale napotykam problem z obsługą zdarzenia zmiany (change ha
Czytaj więcej →reactjs - storybook z typescript nie traktuje pliku tsx jako pliku typescript - 'Błąd analizy: Brak średnika'
Po prostu nie mogę zrozumieć, dlaczego to się stało, próbowałem to naprawić przez kilka tygodni i po prostu wróciłem do JavaScript w moich historiach.
oto gałąź, która odtwarza błąd. to jest cały projekt. w środku, w ./examples zobaczysz działającą aplikację demo z react-react-app z typescript i storybook. w środku zobaczysz src/stories/Xarrow.stories.tsx, który podczas uruchamiania yarn storybook wyrzuca Parsing error: Missing semicolon., dokładnie tak jakb
Czytaj więcej →reactjs - Docker MonoRepo ze Storybook 'nie można znaleźć modułu react/package.json'
Jestem całkiem nowy w Dockerze, i dzisiaj próbowałem zdockerować nasz monorepo Lerna używając następujących ustawień:
plik 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 ../ Czytaj więcej →javascript - używanie tsx i mdx w storybook react
Próbuję to osiągnąć:
ale z moimi historiami podzielonymi na pliki mdx i tsx.
Jak dotąd mój plik mdx wygląda tak:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) => Czytaj więcej →