typescript - Storybook tidak dapat menyusun apabila menggunakan sintaks JSX dalam VUE
Saya sedang mengerjakan penilaian mudah yang memerlukan saya menggunakan TypeScript dan sintaks JSX dalam VUE 2. Saya juga perlu mengintegrasikan storybook untuk menguji komponen UI saya. Saya dapat menjalankan ujian dengan sintaks templat mudah VUE. Tetapi, jika saya menggunakan sintaks JSX dalam komponen VUE dan cuba menjalankan storybook, saya mendapat ralat berikut.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with Baca lagi →javascript - Acara onClick Storybook tidak dicatat kecuali saya menambahkannya ke argTypes
Untuk acara onClick dicatat dalam tab Actions di Storybook, saya perlu membuang komen pada argTypes: { onClick: {} } dalam fail SimpleButton.stories.tsx. Soalan saya ialah mengapa saya perlu melakukannya? Tidakkah ia boleh meneka secara automatik bahawa onClick adalah satu tindakan memandangkan dalam fail .storybook/preview.js, parameter termasuk sifat actions: { argTypesRegex: "^on[A-Z].*" }?
export const parameters Baca lagi →reactjs - Mengintegrasikan Storybook dengan TypeScript
Saya sedang cuba untuk menggabungkan aplikasi React yang sangat ringkas yang ditulis dalam TypeScript dengan Storybook. Saya telah cuba mengikuti beberapa isu dalam senarai isu Storybook, tetapi tidak dapat mengetahui maklumat terkini. Apabila saya cuba menjalankan Storybook, saya mendapat ralat berikut:
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-25Boleh
Baca lagi →typescript - Webpack untuk Storybook: Modul tidak ditemui untuk fail ts dengan sambungan .web, .ios atau .android
Saya sedang mencuba untuk menggunakan Storybook, dengan expo dan react-native-web. Setiap kali saya cuba menggunakan modul expo, saya mendapat ralat berikut
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-1406Fail yang tidak dapat diselesaikannya memp
Baca lagi →reactjs - Storybook + React Native + Typescript isu webpack/loader
Apabila cuba menjalankan projek storybook + RN + Typescript selepas mengikuti kedua-duanya
Dan
Saya mendapat:
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} dari './utils/shims'; | import DraggableCore dari './DraggableCore';
import
Baca lagi →reactjs - Pemanasan semula Storybook menyebabkan ralat hooks
Saya mendapat ralat berikut apabila storybook saya memuat semula secara panas. Ia berfungsi dengan sempurna pada muat pertama:
TypeError: Cannot read property 'hooks' of undefined at StoryStore.cleanHooks (http://localhost:9009/vendors~main.0e777466815571a0333e.bundle.js:6197:22) at renderMain (http://localhost:90 Baca lagi →reactjs - Pemegang perubahan Kotak Semak React Storybook tidak berfungsi
Saya sedang mencipta komponen kotak semak menggunakan React, Typescript, Storybook dan Styled-Components, selepas mengikuti tutorial ini: building-a-checkbox-component-with-react-and-styled-components. Saya telah terpaksa menyesuaikan kod kerana saya menggunakan FunctionComponent, tetapi saya menghadapi masala
Baca lagi →reactjs - storybook dengan typescript tidak merujuk fail tsx sebagai fail typescript - 'Ralat parsing: Titik koma hilang'
Saya memang tidak faham mengapa ia berlaku, saya cuba membetulkannya selama beberapa minggu dan akhirnya kembali menggunakan JavaScript dalam cerita saya.
ini ialah cawangan yang menghasilkan pepijat. ini adalah projek penuh. di dalam ./examples anda akan melihat aplikasi demo berjalan dengan react-react-app dengan typescript dan storybook. di dalamnya anda akan melihat src/stories/Xarrow.stories.tsx yang apabila dijalankan yarn storybook akan memuntahkan Parsing e
Baca lagi →reactjs - Docker MonoRepo dengan Storybook 'tidak dapat mencari modul react/package.json'
Saya agak baru dalam docker, dan hari ini saya telah mencuba untuk mendocker-kan monorepo lerna kami menggunakan tetapan berikut:
fail docker
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 && Baca lagi →javascript - menggunakan tsx dan mdx dalam storybook react
Saya sedang mencuba untuk mencapai ini:
tetapi dengan cerita saya dipecahkan menjadi fail mdx dan tsx.
Sejauh ini fail mdx saya kelihatan seperti ini:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export Baca lagi →