Zoeken op website
typescript - Webpack voor Storybook: Module niet gevonden voor ts-bestanden met .web, .ios of .android extensies
Ik probeer Storybook te gebruiken, met expo en react-native-web. Telkens wanneer ik probeer een expo-module te gebruiken, krijg ik de volgende foutmelding
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-1406Het bestand dat het niet kan oplossen, heeft
Lees verder →reactjs - Storybook + React Native + Typescript webpack/loader probleem
Wanneer je probeert een Storybook + RN + Typescript-project uit te voeren nadat je beide hebt gevolgd
En
Ik krijg:
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';
im
Lees verder →reactjs - Storybook hot reloading veroorzaakt hooks-fout
Ik krijg de volgende foutmelding wanneer mijn Storybook hot reloadt. Het werkt perfect bij de eerste keer laden:
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~mai Lees verder →reactjs - React Storybook Checkbox-wijzigingshandler werkt niet
Ik ben een checkbox-component aan het maken met React, Typescript, Storybook en Styled-Components, na het volgen van deze tutorial: building-a-checkbox-component-with-react-and-styled-components. Ik heb de code moeten aanpassen omdat ik een FunctionComponent gebruik, maar ik ervaar een probleem met de change-h
Lees verder →reactjs - storybook met typescript verwijst niet naar tsx-bestand als typescript-bestand - 'Parsing error: Missing semicolon'
Ik kan gewoon niet begrijpen waarom het gebeurde, ik heb een paar weken geprobeerd het te repareren en ben gewoon teruggegaan naar JavaScript in mijn verhalen.
hier is de branch die de bug reproduceert. dit is het volledige project. binnenin bij ./examples zul je een demo-app zien draaien met react-react-app met typescript en storybook. binnenin zul je src/stories/Xarrow.stories.tsx zien die bij het uitvoeren van yarn storybook de fout Parsing error: Missing semico
Lees verder →reactjs - Docker MonoRepo met Storybook 'kan module react/package.json niet vinden'
Ik ben vrij nieuw met Docker, en vandaag heb ik geprobeerd onze Lerna-monorepo te dockerizen met de volgende instellingen:
dockerbestand
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 Lees verder →javascript - tsx en mdx gebruiken in storybook react
Ik probeer dit te bereiken:
maar met mijn verhalen opgesplitst in mdx- en tsx-bestanden.
Tot nu toe ziet mijn mdx-bestand er zo uit:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithou Lees verder →javascript - Hoe schrijf je een storybook voor een kind waarvan de ouder de staat beheert
Ik schrijf een Storybook voor een kindelement waarbij de ouder de staat beheert. Bijvoorbeeld, de value(string) en de onChange(func) worden via props doorgegeven. Ik heb beide props doorgegeven, maar ik weet niet zeker hoe ik de staat in het storybook-bestand kan bijwerken.
tekstveld.tsx
import React, { FC, HTMLProps } from 'react'; type FirstNameTextFieldProps = HTMLProps<HTMLInputElement> const FirstNameTextField: FC<FirstNameTextFiel Lees verder →reactjs - Storybook: Hoe generieke args/props types te annoteren
Context & Code
We hebben onze knop als volgt uitgebreid:
export type ButtonProps<P = Record<string, unknown>> = P & { children: ReactNode | string onClick?: () => void className?: string disabled?: boolean secondary?: boolean } const Button = Lees verder →reactjs - Storybook's story-bestanden geschreven in TypeScript worden niet correct verwerkt
Onlangs heb ik mijn CRA-project gemigreerd naar Next.js. Ik gebruikte Storybook in dat project, dus moest ik veel configuraties aanpassen, maar er blijven nog steeds TypeScript-gerelateerde problemen over.
Dit is het voorbeeld van mijn verhaalbestand.
import { ComponentStory, ComponentMeta } from '@storybook/react'; import Index from 'pages/profile'; export default { title: 'Views/Profile', component: Index, } as ComponentMeta<typeof Index>; export const Index Lees verder →