Ricerca nel sito web
typescript - Storybook non compila quando si utilizza la sintassi JSX in VUE
Sto lavorando a una semplice valutazione che richiede di usare TypeScript e la sintassi JSX in VUE 2. Ho anche bisogno di integrare Storybook per testare i miei componenti UI. Riesco a eseguire i test con la semplice sintassi del template di VUE. Ma, se uso la sintassi JSX in un componente VUE e provo a eseguire Storybook, ricevo il seguente errore.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./ Continua a leggere →javascript - L'evento onClick di Storybook non viene registrato a meno che non lo aggiunga a argTypes
Perché l'evento onClick venga registrato nella scheda Actions di Storybook, devo decommentare argTypes: { onClick: {} } nel file SimpleButton.stories.tsx. La mia domanda è: perché devo farlo? Non può dedurre automaticamente che onClick è un'azione dato che nel file .storybook/preview.js i parametri includono la proprietà actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { actions: { argTypesRegex: Continua a leggere →reactjs - Integrare Storybook con TypeScript
Sto cercando di integrare una semplice app React scritta in TypeScript con Storybook. Ho provato a seguire diversi problemi nella lista delle issue di Storybook, ma non riesco a capire quali siano le informazioni più recenti. Quando provo a eseguire Storybook, ricevo il seguente errore:
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-25Qualcuno può per favore
Continua a leggere →typescript - Webpack per Storybook: Modulo non trovato per file ts con estensioni .web, .ios o .android
Sto cercando di usare Storybook con expo e react-native-web. Ogni volta che cerco di usare un modulo di expo ricevo il seguente errore
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-1406Il file che non può risolvere ha più estensioni per .web.ts, .io
Continua a leggere →reactjs - Storybook + React Native + Typescript problema con webpack/loader
Quando si cerca di eseguire un progetto storybook + RN + Typescript dopo aver seguito entrambi
E
Ricevo:
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| importa {dontSetMe} da './utils/shims'; | importa DraggableCore da './DraggableCore';
import type {C
Continua a leggere →reactjs - Il hot reloading di Storybook provoca errori nei hook
Ricevo il seguente errore quando il mio storybook si aggiorna a caldo. Funziona perfettamente al primo caricamento:
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~ Continua a leggere →reactjs - Il gestore del cambiamento della casella di controllo di React Storybook non funziona
Sto creando un componente checkbox usando React, Typescript, Storybook e Styled-Components, seguendo questo tutorial: building-a-checkbox-component-with-react-and-styled-components. Ho dovuto modificare il codice perché sto usando un FunctionComponent, ma sto affrontando un problema con il gestore delle modifi
Continua a leggere →reactjs - storybook con typescript non fa riferimento al file tsx come file typescript - 'Errore di parsing: punto e virgola mancante'
Semplicemente non riesco a capire perché sia successo, ho cercato di sistemarlo per alcune settimane e poi sono tornato a JavaScript nelle mie storie.
Ecco il branch che riproduce il bug. Questo è il progetto completo. All'interno di ./examples vedrai un'app demo che gira con react-react-app con TypeScript e Storybook. All'interno vedrai src/stories/Xarrow.stories.tsx che, eseguendo yarn storybook, lancia Parsing error: Missing semicolon. proprio come se ave
Continua a leggere →reactjs - Docker MonoRepo con Storybook 'impossibile trovare il modulo react/package.json'
Sono abbastanza nuovo a Docker, e oggi ho provato a dockerizzare il nostro monorepo Lerna usando le seguenti impostazioni:
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 ../ Continua a leggere →javascript - utilizzo di tsx e mdx in storybook react
Sto cercando di ottenere questo:
ma con le mie storie suddivise in file mdx e tsx.
Finora il mio file mdx sembra così:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) Continua a leggere →