typescript - VUE'de JSX sözdizimi kullanıldığında Storybook derlenmiyor
VUE 2'de TypeScript ve JSX sözdizimini kullanmamı gerektiren basit bir değerlendirme üzerinde çalışıyorum. Ayrıca UI bileşenlerimi test etmek için Storybook'u entegre etmem gerekiyor. VUE'nin basit şablon sözdizimi ile testleri çalıştırabiliyorum. Ancak, VUE bileşeninde JSX sözdizimini kullanıp Storybook'u çalıştırmaya çalışırsam aşağıdaki hatayı alıyorum.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders DAHA FAZLASI →javascript - Storybook onClick olayı, argTypes'a eklemediğim sürece kaydedilmiyor
Storybook Actions sekmesinde onClick etkinliğinin kaydedilmesi için, SimpleButton.stories.tsx dosyasındaki argTypes: { onClick: {} } satırının yorumdan çıkarılması gerekiyor. Sorum şu: Bunu neden yapmak zorundayım? .storybook/preview.js dosyasında parametreler actions: { argTypesRegex: "^on[A-Z].*" } özelliğini içerdiğine göre, onClick'in otomatik olarak bir aksiyon olduğunu çıkaramaz mı?
export const parameters = { DAHA FAZLASI →reactjs - Storybook'u TypeScript ile entegre et
TypeScript ile yazılmış çok basit bir React uygulamasını Storybook ile entegre etmeye çalışıyorum. Storybook konu listesinde birkaç sorunu takip etmeye çalıştım, ama en güncel bilginin ne olduğunu söyleyemiyorum. Storybook'u çalıştırmaya çalıştığımda aşağıdaki hatayı alıyorum:
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-25Biri bana yanlış yaptığım yeri gö
DAHA FAZLASI →typescript - Storybook için Webpack: .web, .ios veya .android uzantılı ts dosyaları için modül bulunamadı
Expo ve react-native-web ile Storybook kullanmaya çalışıyorum. Bir expo modülünü kullanmaya çalıştığımda aşağıdaki hatayı alıyorum
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-1406Çözemediği dosyanın .web.ts, .ios.ts ve .android.ts uzantıları var,
DAHA FAZLASI →reactjs - Storybook + React Native + Typescript webpack/loader sorunu
Hem storybook + RN + Typescript projesini çalıştırmayı denediğinizde hem de her ikisini takip ettikten sonra
Ve
Alıyorum:
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';
DAHA FAZLASI →reactjs - Storybook sıcak yeniden yükleme kancalar hatasına neden oluyor
Hikaye kitabımın hot reload yaptığında aşağıdaki hatayı alıyorum. İlk yüklemede mükemmel çalışıyor:
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.0e777466815 DAHA FAZLASI →reactjs - React Storybook Checkbox değişiklik işleyicisi çalışmıyor
React, Typescript, Storybook ve Styled-Components kullanarak bir onay kutusu bileşeni oluşturuyorum, bu öğreticiyi takip ettikten sonra: building-a-checkbox-component-with-react-and-styled-components. Fonksiyon Bileşeni kullandığım için kodu biraz ayarlamak zorunda kaldım, ancak değişiklik işleyiciyle ilgili b
DAHA FAZLASI →reactjs - typescript ile storybook, tsx dosyasını typescript dosyası olarak referans göstermiyor - 'Parsing error: Missing semicolon'
Sadece neden olduğunu anlayamıyorum, birkaç hafta boyunca düzeltmeye çalıştım ve hikayelerimde tekrar JavaScript'e geri döndüm.
işte hatayı tekrarlayan dal. bu tam proje. ./examples içinde, typescript ve storybook ile react-react-app çalıştıran demo uygulamayı göreceksiniz. içinde src/stories/Xarrow.stories.tsx dosyasını göreceksiniz; yarn storybook çalıştırdığınızda Parsing error: Missing semicolon. hatası veriyor, tıpkı javascript dosyasının içine typescri
DAHA FAZLASI →reactjs - Docker MonoRepo ile Storybook 'react/package.json modülü bulunamıyor'
Docker konusunda oldukça yeniyim ve bugün lerna monorepomuzu aşağıdaki ayarları kullanarak dockerlaştırmayı denedim:
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 ../../../ DAHA FAZLASI →javascript - storybook react'te tsx ve mdx kullanımı
Bunu başarmaya çalışıyorum:
ama hikayelerim mdx ve tsx dosyalarına ayrılmış olarak.
Şimdiye kadar mdx dosyam böyle görünüyor:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = DAHA FAZLASI →