Website-Suche
typescript - Storybook kompiliert nicht, wenn JSX-Syntax in VUE verwendet wird
Ich arbeite an einer einfachen Aufgabe, die von mir verlangt, TypeScript und JSX-Syntax in VUE 2 zu verwenden. Ich muss auch Storybook integrieren, um meine UI-Komponenten zu testen. Ich kann Tests mit der einfachen Templatesyntax von VUE ausführen. Aber wenn ich JSX-Syntax in einer VUE-Komponente verwende und versuche, Storybook auszuführen, erhalte ich folgenden Fehler.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed wi Weiterlesen →javascript - Storybook onClick-Ereignis wird nicht protokolliert, es sei denn, ich füge es zu argTypes hinzu
Damit das onClick-Ereignis im Actions-Tab von Storybook protokolliert wird, muss ich argTypes: { onClick: {} } in der Datei SimpleButton.stories.tsx auskommentieren. Meine Frage ist, warum ich das machen muss? Kann es nicht automatisch ableiten, dass onClick eine Aktion ist, da in der Datei .storybook/preview.js die Parameter die Eigenschaft actions: { argTypesRegex: "^on[A-Z].*" } enthalten?
export const parameters = Weiterlesen →reactjs - Storybook mit TypeScript integrieren
Ich versuche, eine sehr einfache React-App, die in TypeScript geschrieben ist, mit Storybook zu integrieren. Ich habe versucht, mehreren Problemen auf der Storybook-Issueliste zu folgen, kann aber nicht erkennen, welche Informationen aktuell sind. Wenn ich versuche, Storybook auszuführen, erhalte ich folgenden Fehler:
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 Weiterlesen →typescript - Webpack für Storybook: Modul für ts-Dateien mit den Erweiterungen .web, .ios oder .android nicht gefunden
Ich versuche, Storybook mit Expo und React Native Web zu verwenden. Immer wenn ich versuche, ein Expo-Modul zu verwenden, erhalte ich den folgenden Fehler
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-1406Die Datei, die es nicht auflösen kann, hat m
Weiterlesen →reactjs - Storybook + React Native + Typescript webpack/Loader-Problem
Beim Versuch, ein Storybook + RN + Typescript-Projekt auszuführen, nachdem man beiden gefolgt ist
Und
Ich bekomme:
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
Weiterlesen →reactjs - Storybook Hot-Reloading verursacht Hooks-Fehler
Ich erhalte den folgenden Fehler, wenn mein Storybook hot neu lädt. Beim ersten Laden funktioniert es einwandfrei:
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 Weiterlesen →reactjs - React Storybook Checkbox-Änderungs-Handler funktioniert nicht
Ich erstelle eine Checkbox-Komponente mit React, Typescript, Storybook und Styled-Components, nachdem ich diesem Tutorial gefolgt bin: building-a-checkbox-component-with-react-and-styled-components. Ich musste den Code anpassen, da ich eine FunctionComponent verwende, aber ich habe ein Problem mit dem Änderung
Weiterlesen →reactjs - Storybook mit TypeScript erkennt TSX-Datei nicht als TypeScript-Datei - 'Parsing-Fehler: Fehlendes Semikolon'
Ich kann einfach nicht verstehen, warum es passiert ist, ich habe ein paar Wochen versucht, es zu beheben, und bin einfach zu JavaScript in meinen Stories zurückgekehrt.
Hier ist der Branch, der den Fehler reproduziert. Dies ist das vollständige Projekt. Unter ./examples sehen Sie eine Demo-App, die mit Create React App, TypeScript und Storybook läuft. Dort sehen Sie src/stories/Xarrow.stories.tsx, das beim Ausführen von yarn storybook den Fehler Parsing error: Mis
Weiterlesen →reactjs - Docker MonoRepo mit Storybook 'kann Modul react/package.json nicht finden'
Ich bin ziemlich neu bei Docker, und heute habe ich versucht, unser Lerna-Monorepo mit den folgenden Einstellungen zu dockerisieren:
Docker-Datei
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 & Weiterlesen →javascript - Verwendung von tsx und mdx in Storybook React
Ich versuche, dies zu erreichen:
aber mit meinen Geschichten, aufgeteilt in mdx- und tsx-Dateien.
Bisher sieht meine MDX-Datei so aus:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWith Weiterlesen →