تايبسكريبت - Storybook لا يقوم بالترجمة عند استخدام صياغة JSX في VUE
أنا أعمل على تقييم بسيط يتطلب مني استخدام TypeScript وصياغة JSX في VUE 2. كما أحتاج إلى دمج Storybook لاختبار مكونات واجهة المستخدم الخاصة بي. أنا قادر على تشغيل الاختبارات باستخدام صياغة القالب البسيطة في VUE. ولكن، إذا استخدمت صياغة JSX في مكون VUE وحاولت تشغيل Storybook، أحصل على الخطأ التالي.
ERROR in ./src/components/Home.tsx 59:16 Module parse failed: Unexpected token (59:16) File was processed with these loaders: * ./node_modules/@storybook/vue/node_modules/ts-loader/ind اقرأ أكثر →جافاسكريبت - حدث onClick في Storybook لا يتم تسجيله إلا إذا أضفته إلى argTypes
لكي يتم تسجيل حدث onClick في علامة تبويب Actions في Storybook، يجب علي إلغاء تعليق argTypes: { onClick: {} } في ملف SimpleButton.stories.tsx. سؤالي هو لماذا يجب علي فعل ذلك؟ أليس من الممكن أن يتم استنتاج أن onClick هو حدث تلقائيًا نظرًا لأن ملف .storybook/preview.js يحتوي ضمن parameters على الخاصية actions: { argTypesRegex: "^on[A-Z].*" }؟
export const parameters = { actions: { argTypesRegex: "^on[A-Z].*" اقرأ أكثر →ReactJS - دمج Storybook مع TypeScript
أحاول دمج تطبيق React بسيط جدًا مكتوب بلغة TypeScript مع Storybook. حاولت متابعة عدة مشكلات في قائمة مشكلات Storybook، لكن لا أستطيع معرفة ما هي أحدث المعلومات. عندما أحاول تشغيل Storybook، أحصل على الخطأ التالي:
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هل يمكن لأحد أن يدلني على المكان الذي ربما أخطئ فيه؟ المشروع الكامل متاح على Github هنا: https://g
اقرأ أكثر →تايب سكريبت - Webpack لـ Storybook: لم يتم العثور على الوحدة لملفات ts التي تحتوي على امتدادات .web أو .ios أو .android
أحاول استخدام Storybook مع expo و react-native-web. كلما حاولت استخدام وحدة من expo أحصل على الخطأ التالي
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الملف الذي لا يمكنه حله له امتدادات متعددة مثل .web.ts و .ios.ts و .android.ts، ولكن لا يوجد
اقرأ أكثر →reactjs - مشكلة webpack/loader مع Storybook + React Native + Typescript
عند محاولة تشغيل مشروع Storybook + RN + Typescript بعد اتباع كلاهما
و
أنا أحصل على:
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| استورد {dontSetMe} من './utils/shims'; | استورد DraggableCore من './DraggableCore';
import type {ControlPosition, Positio
اقرأ أكثر →reactjs - إعادة التحميل السريع في Storybook يسبب خطأ في الـ hooks
أتلقى الخطأ التالي عندما يقوم Storybook بإعادة التحميل الساخن. يعمل بشكل مثالي عند التحميل الأول:
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.0e77746681557 اقرأ أكثر →reactjs - عدم عمل معالج تغيير خانة الاختيار في React Storybook
أنا أقوم بإنشاء مكون خانة اختيار باستخدام React و Typescript و Storybook و Styled-Components، بعد اتباع هذا الدليل: building-a-checkbox-component-with-react-and-styled-components. كان عليّ تعديل الشيفرة حيث أنني أستخدم FunctionComponent، لكنني أواجه مشكلة مع دالة المعالجة للتغيير (change handler). لا أستطيع تف
اقرأ أكثر →reactjs - Storybook مع TypeScript لا يشير إلى ملف tsx كملف TypeScript - 'خطأ في التحليل: فاصلة منقوطة مفقودة'
لا أستطيع أن أفهم لماذا حدث ذلك، لقد حاولت إصلاحه لبضعة أسابيع وعُدت فقط إلى الجافاسكريبت في قصصي.
إليك الفرع الذي يعيد إنتاج الخطأ. هذا هو المشروع الكامل. في الداخل عند ./examples سترى تطبيقًا تجريبيًا يعمل باستخدام react-react-app مع TypeScript و Storybook. في الداخل سترى src/stories/Xarrow.stories.tsx والذي عند تشغيل yarn storybook يطرح Parsing error: Missing semicolon. تمامًا كما حاولت وضع TypeScript داخل ملف JavaScript.
اقرأ أكثر →reactjs - Docker MonoRepo مع Storybook 'يتعذر العثور على الوحدة react/package.json'
أنا جديد إلى حد ما في دوكر، واليوم حاولت تحويل مشروعنا المونوربو ل lerna إلى دوكر باستخدام الإعدادات التالية:
ملف دوكر
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 ../../../../ & اقرأ أكثر →جافاسكريبت - استخدام TSX و MDX في ستوريبوك رياكت
أنا أحاول تحقيق هذا:
ولكن مع تقسيم قصصي إلى ملفات mdx و tsx.
حتى الآن، يبدو ملف mdx الخاص بي على هذا النحو:
import { Meta, Story, Canvas, Preview, Props, ArgsTable } from '@storybook/addon-docs'; import { Button, Icons } from '../..'; <!-- Components --> export const ButtonWithoutIcon = (args) => < اقرأ أكثر →