Búsqueda de sitios web
typescript - Storybook no compila al usar la sintaxis JSX en VUE
Estoy trabajando en una evaluación simple que requiere que utilice TypeScript y la sintaxis JSX en VUE 2. También necesito integrar Storybook para probar mis componentes de UI. Puedo ejecutar pruebas con la sintaxis de plantilla simple de VUE. Pero, si uso la sintaxis JSX en un componente de VUE y trato de ejecutar Storybook, obtengo el siguiente error.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: Leer más →javascript - El evento onClick de Storybook no se registra a menos que lo agregue a argTypes
Para que el evento onClick se registre en la pestaña Actions de Storybook, tengo que descomentar argTypes: { onClick: {} } en el archivo SimpleButton.stories.tsx. Mi pregunta es, ¿por qué tengo que hacer eso? ¿No puede inferir automáticamente que onClick es una acción, ya que en el archivo .storybook/preview.js los parámetros incluyen la propiedad actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters = { Leer más →reactjs - Integrar Storybook con TypeScript
Estoy intentando integrar una aplicación muy simple de React escrita en TypeScript con Storybook. Intenté seguir varios problemas en la lista de problemas de Storybook, pero no puedo saber cuál es la información más reciente. Cuando intento ejecutar Storybook, obtengo el siguiente error:
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-25¿Alguien puede indicar
Leer más →typescript - Webpack para Storybook: Módulo no encontrado para archivos ts con extensiones .web, .ios o .android
Estoy intentando usar Storybook, con expo y react-native-web. Cada vez que intento usar un módulo de expo, obtengo el siguiente error
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-1406El archivo que no puede resolver tiene múltiples extensiones para
Leer más →reactjs - Storybook + React Native + Typescript problema de webpack/cargador
Al intentar ejecutar un proyecto de storybook + RN + Typescript después de seguir ambos
Y
Obtengo:
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| importar {dontSetMe} desde './utils/shims'; | importar DraggableCore desde './DraggableCore';
import type
Leer más →reactjs - La recarga en caliente de Storybook causa error en los hooks
Obtengo el siguiente error cuando mi Storybook se recarga en caliente. Funciona perfectamente en la primera carga:
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~m Leer más →reactjs - El controlador de cambio del Checkbox en React Storybook no funciona
Estoy creando un componente de casilla de verificación usando React, Typescript, Storybook y Styled-Components, después de seguir este tutorial: building-a-checkbox-component-with-react-and-styled-components. He tenido que ajustar el código ya que estoy usando un FunctionComponent, pero estoy enfrentando un pr
Leer más →reactjs - storybook con typescript no reconoce el archivo tsx como archivo de typescript - 'Error de análisis: Falta un punto y coma'
Simplemente no puedo entender por qué ocurrió, intenté arreglarlo durante unas semanas y simplemente volví a JavaScript en mis historias.
aquí está la rama que reproduce el error. este es el proyecto completo. dentro, en ./examples, verás una aplicación de demostración ejecutándose con react-react-app con typescript y storybook. dentro verás src/stories/Xarrow.stories.tsx que al ejecutar yarn storybook lanza Parsing error: Missing semicolon. tal como si hubi
Leer más →reactjs - Docker MonoRepo con Storybook 'no se puede encontrar el módulo react/package.json'
Soy bastante nuevo en Docker, y hoy he intentado dockerizar nuestro monorepo de Lerna usando los siguientes ajustes:
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 ../../../ Leer más →javascript - usando tsx y mdx en storybook react
Estoy tratando de lograr esto:
pero con mis historias desglosadas en archivos mdx y tsx.
Hasta ahora, mi archivo mdx se ve así:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon Leer más →