typescript - Storybook ne se compile pas lorsqu'on utilise la syntaxe JSX dans VUE
Je travaille sur une évaluation simple qui nécessite que j'utilise TypeScript et la syntaxe JSX dans VUE 2. Je dois également intégrer Storybook pour tester mes composants UI. Je peux exécuter des tests avec la syntaxe de modèle simple de VUE. Mais, si j'utilise la syntaxe JSX dans un composant VUE et que j'essaie de lancer Storybook, j'obtiens l'erreur suivante.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these Lire la suite →javascript - L'événement onClick de Storybook n'est pas enregistré à moins que je ne l'ajoute à argTypes
Pour que l'événement onClick soit enregistré dans l'onglet Actions de Storybook, je dois décommenter argTypes: { onClick: {} } dans le fichier SimpleButton.stories.tsx. Ma question est pourquoi dois-je faire cela ? Ne peut-il pas automatiquement déduire que onClick est une action puisque dans le fichier .storybook/preview.js, les paramètres incluent la propriété actions: { argTypesRegex: "^on[A-Z].*" } ?
export const Lire la suite →reactjs - Intégrer Storybook avec TypeScript
J'essaie d'intégrer une application React très simple écrite en TypeScript avec Storybook. J'ai essayé de suivre plusieurs problèmes sur la liste des problèmes de Storybook, mais je ne peux pas dire quelles sont les dernières informations. Lorsqu'essaie de lancer Storybook, je reçois l'erreur suivante :
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-25Quelqu
Lire la suite →typescript - Webpack pour Storybook : Module introuvable pour les fichiers ts avec les extensions .web, .ios ou .android
J'essaie d'utiliser Storybook, avec expo et react-native-web. Chaque fois que j'essaie d'utiliser un module expo, je reçois l'erreur suivante
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-1406Le fichier que cela ne peut pas résoudre a plusieurs exte
Lire la suite →reactjs - Storybook + React Native + problème de webpack/loader TypeScript
Lorsqu'on essaie d'exécuter un projet storybook + RN + Typescript après avoir suivi les deux
Et
Je reçois :
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 ty
Lire la suite →reactjs - Le rechargement à chaud de Storybook provoque une erreur des hooks
Je reçois l'erreur suivante lorsque mon storybook se recharge à chaud. Cela fonctionne parfaitement au premier chargement :
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/ Lire la suite →reactjs - Le gestionnaire de changement de case à cocher React Storybook ne fonctionne pas
Je crée un composant case à cocher en utilisant React, Typescript, Storybook et Styled-Components, après avoir suivi ce tutoriel : building-a-checkbox-component-with-react-and-styled-components. J'ai dû ajuster le code car j'utilise un FunctionComponent, mais je fais face à un problème avec le gestionnaire de
Lire la suite →reactjs - storybook avec typescript ne fait pas référence au fichier tsx comme fichier typescript - 'Erreur de parsing : point-virgule manquant'
Je n'arrive tout simplement pas à comprendre pourquoi cela s'est produit, j'ai essayé de le réparer pendant quelques semaines et je suis juste retourné à JavaScript pour mes histoires.
voici la branche qui reproduit le bug. c'est le projet complet. à l'intérieur, dans ./examples, vous verrez l'application de démonstration fonctionnant avec react-react-app avec typescript et storybook. à l'intérieur, vous verrez src/stories/Xarrow.stories.tsx qui, lorsque vous exécutez yarn stor
Lire la suite →reactjs - Docker MonoRepo avec Storybook 'impossible de trouver le module react/package.json'
Je suis assez nouveau avec Docker, et aujourd'hui j'ai essayé de dockeriser notre monorepo Lerna en utilisant les paramètres suivants :
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 & Lire la suite →javascript - utiliser tsx et mdx dans storybook react
J'essaie d'accomplir ceci :
mais avec mes histoires réparties en fichiers mdx et tsx.
Jusqu'à présent, mon fichier mdx ressemble à ceci :
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonW Lire la suite →