Weboldal keresés
typescript - A Storybook nem fordul le, amikor JSX szintaxist használunk VUE-ban
Egy egyszerű értékelésen dolgozom, amihez TypeScript és JSX szintaxist kell használnom a VUE 2-ben. A Storybookot is integrálnom kell, hogy tesztelni tudjam a UI komponenseimet. Tudok teszteket futtatni a VUE egyszerű sablonszintaxisával. De ha JSX szintaxist használok egy VUE komponensben, és megpróbálom futtatni a Storybookot, a következő hibát kapom.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: További információ →javascript - A Storybook onClick esemény nem kerül rögzítésre, hacsak nem adom hozzá az argTypes-hoz
Ahhoz, hogy az onClick esemény naplózva legyen a Storybook Actions fülén, ki kell kommentálnom a argTypes: { onClick: {} }-et a SimpleButton.stories.tsx fájlban. A kérdésem az, hogy miért kell ezt megtennem? Nem tudná automatikusan felismerni, hogy az onClick egy esemény, mivel a .storybook/preview.js fájlban a parameters tartalmazza a actions: { argTypesRegex: "^on[A-Z].*" } tulajdonságot?
export const parameters = { További információ →reactjs - A Storybook integrálása TypeScript-tel
Próbálok integrálni egy nagyon egyszerű, TypeScript-ben írt React alkalmazást a Storybookkal. Megpróbáltam követni néhány problémát a Storybook problémalistaoldalán, de nem tudom megmondani, mi a legfrissebb információ. Amikor megpróbálom futtatni a Storybookot, a következő hibát kapom:
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-25Tudna valaki megmutatni
További információ →typescript - Webpack a Storybookhoz: Modul nem található a .web, .ios vagy .android kiterjesztésű ts fájlokhoz
Próbálom használni a Storybookot az expo-val és a react-native-webbel. Amikor csak megpróbálok használni egy expo modult, a következő hibát kapom
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-1406A fájl, amelyet nem tud megoldani, több kiterjesztéss
További információ →reactjs - Storybook + React Native + Typescript webpack/loader probléma
Amikor megpróbálsz futtatni egy Storybook + RN + TypeScript projektet, miután követted mindkettőt
És
Én kapok:
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
További információ →reactjs - A Storybook forró újratöltése hook hibát okoz
A következő hibát kapom, amikor a storybook forró újratöltődik. Első betöltéskor tökéletesen működik:
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~main.0e7774668 További információ →reactjs - A React Storybook jelölőnégyzet változáskezelője nem működik
Egy jelölőnégyzet-komponenst hozok létre React, Typescript, Storybook és Styled-Components segítségével, miután követtem ezt a bemutatót: building-a-checkbox-component-with-react-and-styled-components. Ki kellett igazítanom a kódot, mivel FunctionComponent-et használok, de problémám van a change kezelővel. Nem
További információ →reactjs - a Storybook TypeScript-tel nem a tsx fájlt jelöli TypeScript fájlként - 'Parsing error: Missing semicolon'
Egyszerűen nem értem, hogy miért történt, pár hétig próbáltam megjavítani, és egyszerűen visszatértem a JavaScripthez a sztorijaimnál.
itt van az ág, ami reprodukálja a hibát. ez a teljes projekt. a ./examples mappában látni fogod a demo alkalmazást, ami a react-react-app-al fut typescript-tel és storybook-kal. benne látni fogod a src/stories/Xarrow.stories.tsx fájlt, ami a yarn storybook futtatásakor Parsing error: Missing semicolon. hibát dob, pont úgy, mi
További információ →reactjs - Docker MonoRepo Storybook 'nem található a modul react/package.json'
Eléggé új vagyok a Dockerhez, és ma megpróbáltam a lerna monorepónkat dockerezni a következő beállításokkal:
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 ../../../../ & További információ →javascript - tsx és mdx használata a Storybook Reactben
Megpróbálom elérni ezt:
de a történeteim mdx és tsx fájlokra vannak bontva.
Eddig az mdx fájlom így néz ki:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) => < További információ →